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即可