[英]Vue CLI run serve always running on localhost
我有一个使用 Vue CLI 创建的 vue.js 项目和npm run serve
,它始终在本地主机上运行。
我想从我的手机(same.network 中的另一个 IP)访问,所以我希望服务在0.0.0.0
上运行。 我尝试添加vue.config.js
文件并设置主机:
module.exports = {
publicPath: '/',
devServer: {
host: '0.0.0.0',
port: 8080
}
}
更改端口工作正常,但忽略主机覆盖。 这是服务的 output:
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.21:8080/
起初我以为它被忽略了,所以我尝试将主机设置为0.0.0.1
并且 output 是“正确的”,所以文件没有被忽略,只有0.0.0.0
被更改为localhost
:
App running at:
- Local: http://0.0.0.1:8080/
- Network: http://0.0.0.1:8080/
我在一些论坛上看到devServer
有一个public
选项来设置 URL,但是如果我尝试设置pubic: 'http://0.0.0.0:8080/'
我会得到一个错误:
> npm run serve
Debugger attached.
> vue-model-viewer@0.1.0 serve <my project path>
> vue-cli-service serve
Debugger attached.
INFO Starting development server...
ERROR ValidationError: webpack Dev Server Invalid Options
options should NOT have additional properties
ValidationError: webpack Dev Server Invalid Options
options should NOT have additional properties
我需要在 0.0.0.0 上运行服务器,以便我可以在我的手机上测试它。
任何帮助将不胜感激。
你不应该需要从你的本地机器在 0.0.0.0 上运行它来在你的手机上测试它。 只要它运行的端口对外部流量开放并且您的手机通过 wifi 连接到您的 LAN,您只需将计算机的 IP 地址和端口号输入为 URL。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.