win10 Vue项目在手机上打不开

作者: 撸吗撸码 | 来源:发表于2019-05-21 11:07 被阅读0次

win10 Vue项目在手机上打不开
vue项目在自己手机上调试功能
HBuilderX创建vue项目打包成移动APP
调试ios android 手机上的 H5页面
使用手机访问vue项目
钱是一种力量，但更有力量的是财商教育
从adb安装后如何控制手机开始
解决vue-cli项目用本机ip无法访问的问题
vue-cli项目在手机上查看页面效果
vue-cli 在手机上浏览自己的项目

我先说下我的开发环境
操作系统：win10
IDE：webstorm 2019.1
这几天遇到了Vue项目运行在电脑没问题，但是手机上打不开。后来发现了几个地方会影响，mark一下，希望能帮到遇到此问题的人。

1.找对ip地址

打开你的命令窗口，用ipconfig查看ip地址，如图
记得要用绿色框中的ip，不要用黄色框中的ip

0521-2.png

2.配置项目的host地址和端口

不多赘述，上图
host是你本机ip地址，端口80xx就行,xx你随便写
这里有个注意的地方，就是ip地址千万不要写错，我就是因为写错了，才导致一直打不开。

vue-0521-1.png

3.关闭防火墙

关闭公用网络的防火墙，如图

0521--3.png

4手机打开项目

如果你觉得在手机里输入地址不方便，我告诉你一个好方法，你电脑打开草料网站，复制地址，生成二维码，手机浏览器扫码，即可跳转。是不是超级方便？图片就不贴了，贴了你就看不到这篇文章了

网友评论

本文标题：win10 Vue项目在手机上打不开

本文链接：https://www.haomeiwen.com/subject/yjedzqtx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

win10 Vue项目在手机上打不开

1.找对ip地址

2.配置项目的host地址和端口

3.关闭防火墙

4手机打开项目

相关文章