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

问题描述 投票:0回答:1

所以我的问题与here基本相同,但问题尚未得到答案。

问题在于,访问<pc_ip>:8080时无法在Web浏览器中查看我的Vue应用程序。但是,当使用npm run命令启动我的vue.js应用程序时,它告诉我,除了执行localhost:8080之外,这还可以访问页面。 它可以在我的PC上正常工作,但手机连接到同一wifi,却收到无法访问该网址的错误。

提前感谢!

更新:因此,在找到其他帖子之后,我还尝试向vue.config.js编写一些内容,例如herehereherehere,例如

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

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

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

vue.js url networking proxy
1个回答
0
投票

通常,当您执行npm run serve命令时,它会为您提供两个地址来访问您的应用程序。本地地址和网络地址。像这样:

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

因此,使用手机时,您应该使用网络地址,而不是本地地址。

© www.soinside.com 2019 - 2024. All rights reserved.