从同一网络的其他设备访问Vue.js应用程序（也使用代理）。

Question

所以，我的问题基本上是相同的 此处但这个问题还没有答案。

问题是，当我访问我的vue应用程序时，我不能在web浏览器中查看 <pc_ip>:8080. 然而，当启动我的vue.js应用程序与npm运行服务，它告诉我，这是我如何访问页面，除了做 localhost:8080. 它的工作从我的电脑，但我的手机，这是连接到相同的wifi，我得到的错误，该网址是无法达到。

先谢谢你

更新:所以在找到一些其他的帖子后，我也试着写了一些东西到vue.config.js，如 此处, 此处, 此处 或 此处 如

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

然而问题依然存在。我也试过将该文件中的主机替换为我的实际ip，但也不行。

更新2:正如在评论中提到的，我前段时间也遇到了类似的问题，当我试图从我的手机上访问我的flask服务器时，它在同一个网络中。那时候我把host变量设置为PC的IP，然后就成功了。当我刚才再次测试时，我意识到我必须并行使用的公司代理可能在其中起到了作用。当我没有通过使用plink.exe连接时，我无法从手机访问我正在运行的flask服务器。当我连接后，一切都正常。会不会是代理或缺少配置阻碍了我访问我的vue应用程序？

更新3：所以我完全关闭了我的防火墙，然后我可以从另一个设备访问该页面。我想知道是否有其他的规则阻挡了端口，就像在这个帖子里一样。Windows 防火墙 - Laravel Artisan Serve - 允许端口入站规则(失效). 但是我不知道如果有一个规则挡住了我的端口，我怎么找到这个规则？

Answer 1

通常当你执行npm run serve命令时，它会给你两个地址来访问你的应用程序。一个本地地址和一个网络地址。像这样。

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

所以对于你的手机，你应该使用网络地址而不是本地地址。