使用手机预览Vue项目(移动端)

1、在命令行中输入npm run dev ,启动自己的vue项目,例:http://localhost:8081/#/goods,可以在浏览器预览

2、那么如何在手机端预览vue项目呢?WIN+R,输入cmd启动命令行工具,输入ipconfig查看本机ip

3.将vue项目中的index.js 文件中的host:“自己IP地址”

4.本机ip替换localhost,例:http://192.168.1.171:8081/#/goods,预览效果不变

5.使用草料二维码,将http://192.168.1.171:8081/#/goods生成二维码

6.将手机连接到与电脑相同的WIFI,扫一扫即可预览!

猜你喜欢

转载自blog.csdn.net/pupilxiaoming/article/details/79854986