如何更改应用的主机和端口配置?

如何更改应用的主机和端口配置?

您可以通过不同方式配置主机和端口,如下列出从最高优先级到最低优先级

注意: 如果为port指定字符串值'0'(不是 0),将为您的 Nuxt 应用程序分配一个随机端口。

作为命令参数直接传递

  1. nuxt --hostname myhost --port 3333

  1. "scripts": {
  2. "dev": "nuxt --hostname myhost --port 3333"
  3. }

nuxt.config.js 中配置:

nuxt.config.js 添加:

  1. export default {
  2. server: {
  3. port: 8000, // default: 3000
  4. host: '0.0.0.0' // default: localhost
  5. }
  6. // other configs
  7. }

使用 NUXT_HOST 和 NUXT_PORT env 变量

与 HOST 和 PORT 类似,但更具体,以防您需要添加其他东西。

  1. "scripts": {
  2. "dev": "NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt"
  3. }

注意: 为了更好的跨平台开发支持,您可以使用 cross-env 依赖包。

安装依赖:

  1. npm install --save-dev cross-env

配置 cross-env:

  1. "scripts": {
  2. "dev": "cross-env NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt"
  3. }

使用 HOST 和 PORT env 变量

  1. "scripts": {
  2. "dev": "HOST=0.0.0.0 PORT=3333 nuxt"
  3. }

package.json 中配置 nuxt :

在您的 package.json 文件中添加:

  1. "config": {
  2. "nuxt": {
  3. "host": "0.0.0.0",
  4. "port": "3333"
  5. }
  6. },
  7. "scripts": {
  8. "dev": "nuxt"
  9. }