vue项目 使用手机预览

项目需要使用手机查看效果时：

1、电脑和手机连接到同一个WIFI

2.查询电脑本地IP地址
WIN+R，输入cmd回车，打开命令提示符，输入ipconfig，查看本地IPv4；

3.修改本地项目中IP地址
找到项目中config文件夹
找到host: ‘localhost’, 改为上面本地IPv4地址

4.npm run dev 重新启动项目

5.手机预览
方法一：草料二维码生成器 https://cli.im/
微信扫描生成的二维码即可预览效果

方法二：直接复制网页链接，手机浏览器打开