vue项目如何在移动端预览

216 阅读1分钟

做好的vue项目想在移动端去预览,测试效果。

查看本地IPv4

win+r 输入cmd,然后确定,输入ipconfig查看IPv4。 如下图:

ipconfig.PNG
ipv4.PNG

修改IP地址

找到项目中的config文件夹中的index.js,修改文件中的host,改成本机的ipv4。 如下图:

修改项目host.PNG

同一个wifi

将手机和电脑连接在同一局域网下,简单的讲可以连接同一个wifi 。

制作二维码

二维码制作地址:cli.im/

二维码内容.PNG

运行项目

npm run dev

手机扫描二维码内容或在手机浏览器中直接输入二维码制作的内容即可。