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

Question

我有一个使用 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.

上测试它

任何帮助将不胜感激。

Answer 1

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

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

Vue CLI run serve always running on localhost

javascript

localhost

vue.js

vue-cli

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

Vue CLI run serve always running on localhost

javascript

localhost

vue.js

vue-cli

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