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

时间:2023-03-09 15:10:47
vue2.0 在微信端如何使用本地IP访问项目

我们会遇到这样的需求,在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,完美解决问题