所以我的问题与here基本相同,但问题尚未得到答案。
问题在于,访问<pc_ip>:8080
时无法在Web浏览器中查看我的Vue应用程序。但是,当使用npm run命令启动我的vue.js应用程序时,它告诉我,除了执行localhost:8080
之外,这还可以访问页面。 它可以在我的PC上正常工作,但手机连接到同一wifi,却收到无法访问该网址的错误。
提前感谢!
更新:因此,在找到其他帖子之后,我还尝试向vue.config.js编写一些内容,例如here,here,here或here,例如
module.exports = {
devServer: {
port: 8080,
host: '0.0.0.0'
}
}
但是问题仍然存在。我也尝试过用我的实际IP替换该文件中的主机,但是它也不起作用。
更新2:正如评论中提到的,前段时间,当我尝试从同一网络中的手机访问我的烧瓶服务器时,我遇到了类似的问题。那时,我将主机变量设置为PC的IP,它起作用了。当我再次进行测试时,我意识到必须并行使用的公司代理可以在其中发挥作用。当我没有通过使用plink.exe进行连接时,无法从手机访问正在运行的烧瓶服务器。当我连接完之后,一切正常。代理或缺少的配置是否会妨碍我访问vue应用程序?
通常,当您执行npm run serve命令时,它会为您提供两个地址来访问您的应用程序。本地地址和网络地址。像这样:
App running at:
- Local: http: // localhost: 8080 /
- Network: http://IP_ADDRESSE:8080/
因此,使用手机时,您应该使用网络地址,而不是本地地址。