第一步：解决在电脑上可以用本机IP地址预览
在vue-cli项目中默认的预览方式是：http://localhost:8080
但是，vue-cli项目想要在手机上预览，首先要解决的问题是：在电脑端预览地址可以修改成这样(http://你电脑本机的IP地址：端口号）并且正常访问。
一般新建的vue-cli项目预览本机地址是不成功的；那么要怎么修改呢？
话不多说，上图
在package.json文件里面添加 --host 0.0.0.0 就可以啦！
vue.png
接着你就可以去把访问地址中的localhost换成你电脑本机的地址了
那么问题来了，怎么获取本机地址呢？
1534210932_看图王.jpg
在电脑的dos窗口中输入ipconfig，其中IPv4 地址就是你本机的ip地址了
第二步：将本机IP预览地址生成个二维码供微信扫码预览
百度搜 索草料二维码 ，把你本机ip的预览地址在里面生成一个二维码，然后就可以用微信扫码预览啦！
1534211133(1).jpg
到这一步其实还有个很重要的地方需要注意的，不然你手机是预览不到的。
那就是，你的电脑和你预览的手机需要在同一局域网内。意思就是可以在同一wifi下进行手机预览
教程到这里就结束了，手机预览其实不复杂，嘻嘻！希望有用
网友评论