vue 项目在手机运行效果

我一般是使用草料的二维码生产:https://cli.im

先查询自己的电脑IP>按住WIN窗口+R弹窗后输入 ipconfig  就可以查看自己电脑的IP

就在自己的项目工程中修改IP地址:

在VUE项目中找到config文件下的dev:host及port

host:是自己电脑的IP地址  // host:’192.168.XXX.XXX’

port:是端口号  // 如8080(默认值)

然后就运行项目(npm run dev)

在页面就可以看到运行的项目了,把地址复制粘贴到草料里面的网址>点击生成二维码

用自己的手机扫一扫  手机端就显示自己做的项目了

注意:手机的网络和电脑的网络是在同一个局域网内,或者说是使用同一个WiFi才会识别到

 

如果使用了一段时间后,端口发生变化了,那就要查询本机是否有自己配置的端口了,例如报错:

Error: listen EADDRNOTAVAIL 192.168.100.1:8080  那就再配置里面改回当前的可用IP即可

    原文作者:Atinda
    原文地址: https://blog.csdn.net/weixin_42348071/article/details/83107202
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞