Want to take a look at our new docs? Our
new docs
are now in beta. Have fun!
如何更改应用的主机和端口配置?
如何更改应用的主机和端口配置?
您可以通过不同方式配置主机和端口,如下列出从最高优先级到最低优先级。
注意: 如果为
port
指定字符串值'0'
(不是0
),将为您的 Nuxt 应用程序分配一个随机端口。
作为命令参数直接传递
nuxt --hostname myhost --port 3333
或
"scripts": {
"dev": "nuxt --hostname myhost --port 3333"
}
nuxt.config.js
中配置:
在 在 nuxt.config.js
添加:
export default {
server: {
port: 8000, // default: 3000
host: '0.0.0.0' // default: localhost
}
// other configs
}
使用 NUXT_HOST 和 NUXT_PORT env 变量
与 HOST 和 PORT 类似,但更具体,以防您需要添加其他东西。
"scripts": {
"dev": "NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt"
}
注意: 为了更好的跨平台开发支持,您可以使用 cross-env 依赖包。
安装依赖:
npm install --save-dev cross-env
配置 cross-env:
"scripts": {
"dev": "cross-env NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt"
}
使用 HOST 和 PORT env 变量
"scripts": {
"dev": "HOST=0.0.0.0 PORT=3333 nuxt"
}
package.json
中配置 nuxt
:
在 在您的 package.json
文件中添加:
"config": {
"nuxt": {
"host": "0.0.0.0",
"port": "3333"
}
},
"scripts": {
"dev": "nuxt"
}