利用手机访问Vue本地开发的页面方法

在日常进行移动端开发的时候总会出现PC的开发效果与拿到手机上显示的效果不一致的情况，有时这种兼容问题往往都是在发布到线上测试环境用手机访问后才能被发现，如果我们开发的时候使用的不是公司内网虚拟机开发的话（这一点很重要，如果是内网虚拟机或者是没有无线网卡的电脑无法使用下面的方法）可以通过使用手机访问电脑本地IP查看项目在移动端上的运行效果。

首先我们使用WIN+R 打开运行，输入cmd进入到命令行

进入命令行后输入ipconfig

这个IPv4就是我们PC本地的地址了，接下来我们需要配置一下我们的vue.config.js文件

进入vue.config.js中 找到devServer 将devServer下的host改为0.0.0.0 或者刚才记录下来的IPV4地址（推荐0.0.0.0，写死ip地址会在其他电脑开发时重新修改）

这时我们在本地启动项目的时候可以把localhost替换为自己的IPV4地址了 例如：http://10.140.194.25:8080，如果可以成功访问就说明配置成功了

接下来我们需要手机与电脑同处一个局域网 最简单的方式就是利用电脑的无线网卡开热点

自己配置一下热点的用户名密码啥的 手机连接上 输入上面的链接 就可以使用手机进行访问了