Vue CLI 运行 始终在本地主机上 运行 服务

Vue CLI run serve always running on localhost

我有一个使用 Vue CLI 创建的 vue.js 项目,npm run serve它总是 运行 在本地主机上。

我想从我的 phone(同一网络中的另一个 IP)访问,所以我希望服务到 0.0.0.0 上的 运行。我尝试添加 vue.config.js 文件并设置主机:

module.exports = {
    publicPath: '/',
    devServer: {
        host: '0.0.0.0',
        port: 8080
    }
}

更改端口工作正常,但忽略主机覆盖。这是服务的输出:

App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.0.21:8080/

起初我以为它被忽略了,所以我尝试将主机设置为 0.0.0.1 并且输出是“正确的”,所以文件没有被忽略,只有 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 上的服务器,以便我可以在我的 phone.

上测试它

任何帮助将不胜感激。

您不需要 运行 从您的本地机器上的 0.0.0.0 来测试它在您的 phone 上。只要 运行ning 所在的端口对外部流量开放并且您的 phone 通过 wifi 连接到您的局域网,您只需将计算机的 IP 地址和端口号输入为URL.