How to edit host and port?

By default, Nuxt development server host is localhost (only accessible from within the host machine).

Host 0.0.0.0 is designated to tell Nuxt to resolve a host address, which is accessible to connections outside of the host machine (e.g. LAN).

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"
}

Platinum Sponsors

Storyblok
Support Us