Vue Nuxt项目启动后可以在局域网内访问

2020-01-07  本文已影响0人  木头就是我呀
"dev": "cross-env MODE=dev nuxt",
"dev": "cross-env HOST=0.0.0.0 PORT=3333 MODE=dev nuxt",

经过查询资料得知,该方式是nuxt官方提供的配置形式,不仅有上面使用HOSTorPORT方式,还有以下几种:

1 作为命令参数直接传递

nuxt --hostname myhost --port 3333

或者

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

2 在 nuxt.config.js 中配置:

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

3 使用 NUXT_HOST 和 NUXT_PORT env 变量

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

安装依赖:

npm install --save-dev cross-env

配置cross-env:

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

4.使用HOST和PORT env变量

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

5.在 package.json 中配置 nuxt :

"config": {
  "nuxt": {
    "host": "0.0.0.0",
    "port": "3333"
  }
},
"scripts": {
  "dev": "nuxt"
}
上一篇下一篇

猜你喜欢

热点阅读