How to edit host and port?

You can configure the connection variables in different ways. They are listed from highest to lowest priority.

Note: If port is assigned the string value of '0' (not 0, which is falsy), a random port will be assigned to your Nuxt application.

As direct arguments

nuxt --hostname myhost --port 3333

Or

"scripts": {
  "dev": "nuxt --hostname myhost --port 3333"
}

Configure in nuxt.config.js:

Inside your nuxt.config.js:

export default {
  server: {
    port: 8000, // default: 3000
    host: '0.0.0.0', // default: localhost
  },
  // other configs
}

With NUXT_HOST and NUXT_PORT env variables

Similar to HOST and PORT but more specific in case you need those for something else.

"scripts": {
  "dev": "NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt"
}

Note: for better cross platform development support you can use cross-env package.

Installation:

npm install --save-dev cross-env
"scripts": {
  "dev": "cross-env NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt"
}

With HOST and PORT env variables

"scripts": {
  "dev": "HOST=0.0.0.0 PORT=3333 nuxt"
}

Via a nuxt config in the package.json:

Inside your package.json:

"config": {
  "nuxt": {
    "host": "0.0.0.0",
    "port": "3333"
  }
},
"scripts": {
  "dev": "nuxt"
}

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!