时间戳

首页 > 解决方案 > 从同一网络中的其他设备访问 Vue.js 应用程序（也使用代理）

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

问题描述

所以我的问题基本上和这里一样，但是问题还没有回答。

问题在于，访问时无法在浏览器中查看我的 vue 应用程序<pc_ip>:8080。但是，当使用 npm run serve 启动我的 vue.js 应用程序时，它告诉我，这就是我可以访问页面的方式，除了localhost:8080. 它可以在我的 PC 上运行，但使用连接到同一个 wifi 的手机时，我收到无法访问 url 的错误。

提前致谢！

更新：所以在找到其他一些帖子后，我还尝试将一些东西写到 vue.config.js 中，比如这里、这里、这里或 这里，例如

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

但是问题仍然存在。我还尝试用我的实际 IP 替换该文件中的主机，但它也不起作用。

更新 2：正如评论中提到的，前段时间我遇到了类似的问题，当我尝试从同一网络中的手机访问我的烧瓶服务器时。那时我将主机变量设置为 pc 的 IP 并且它工作。刚才我再次测试时，我意识到我必须并行使用的公司代理可以在其中发挥作用。当我没有通过使用 plink.exe 连接时，我无法从手机访问正在运行的烧瓶服务器。当我在那之后连接时，一切正常。 代理或缺少的配置会阻碍我访问我的 vue 应用程序吗？

更新3：所以我完全关闭了我的防火墙，然后我可以从另一台设备访问该页面。我想知道是否有其他规则阻止了该端口，例如这篇文章Windows Firewall - Laravel Artisan Serve - Allow Port in Inbound Rule (not working)。但是我不确定如果有一个阻止我的端口，我将如何找到该规则？

标签： vue.jsurlnetworkingproxy

解决方案

请点击此链接： 解决此问题

我将以下代码添加到我的 vue.config.js

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

根据您的需要更改端口号。

推荐阅读