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