vue2.0 在微信端如何使用本地IP访问项目

Posted 2020-11-06 狂奔的小马扎

我们会遇到这样的需求，在PC端开发vue脚手架项目，希望在微信端随时浏览页面（如果打包再发布到服务器又太麻烦），怎么办？

思路很简单：保证手机和电脑在同一个IP下，用同一个IP访问项目，这样就可以了；

那么，两者使用同一个IP后，怎么让两者互相通信呢？

Step1：修改项目的host

找到config文件里面的index.js里面的module.exports下面的dev下面的host: "localhost" 改为 host: "0.0.0.0";

（0.0.0.0 这个IP相当于js中的this，代表当前设备的IP。）

step2：查看本机IP

打开cdm命令行，输入ipconfig，获取ip地址；我的本机IP为"192.168.1.16";

step3：运行项目

执行npm run dev开启项目，然后在微信端访问地址"192.168.1.16:8080"；

ok，完美解决问题