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