1. 在电脑和手机上都安装Chrome浏览器;
2. 手机用数据线连接到电脑上;
3. 在设置的开发者选项里开启手机的USB调试;
4. 要确保手机和电脑连接的是同一局域网,并且关掉电脑上的防火墙;
5. 电脑上的chrome浏览器访问chrome://inspect,如果连接成功,就会在电脑上的chrome浏览器中显示出对应的手机的型号;
6. 在手机上的chrome浏览器内输入要查看的网址;
7. 此时电脑上的chrome://inspect页面中就会出现可以检查的页面;
如果调试的开发页面为locasthost的时候,移动端是拿不到这个页面的。可以在cmd里输入ipconfig,就可以看到ipv4地址,也就是本机的ip地址,用这个地址替换localhost。
但这个时候vue项目又会出现无法访问的情况,找到 config 文件夹下面的 index.js 里面的 dev,把 host 的值改成 0.0.0.0,重新编译即可。