前言:
最近在开发一个h5项目,部署后,在手机上运行时,发现有很多样式问题,但在本地浏览器显示是正常的,是一些兼容性问题,在处理完后,想先自己真机看看看效果,没问题再重新部署上去。于是就有了:

怎么在真机上可以调试自己的本地项目呢?

1、首先要保证你的电脑和手机在同一局域网内。
2、先查看你的电脑的ip地址,并ping下是否可通
window+r,输入cmd打开命令行窗口;
在命令行窗口中输入ipconfig,查看ip地址,并ping下这个ip地址是否是通的;
image.png
image.png

3、在webpack中的host改成电脑ip地址,重新运行项目;
image.png

4、运行成功后,浏览器地址栏显示的是重新配置后的地址,把地址复制并发到手机上,手机上点击即可运行;
image.png

提示:
如果需要在真机上也查看控制台,可npm安装一个vconsole插件,