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

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

Inside your nuxt.config.js:

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

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

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

Inside your package.json:

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