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

咱们会遇到这样的需求,在PC端开发vue脚手架项目,但愿在微信端随时浏览页面(若是打包再发布到服务器又太麻烦),怎么办?vue

思路很简单:保证手机和电脑在同一个IP下,用同一个IP访问项目,这样就能够了;npm

那么,二者使用同一个IP后,怎么让二者互相通讯呢?服务器

Step1:修改项目的host

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

(0.0.0.0 这个IP至关于js中的this,表明当前设备的IP。this

step2:查看本机IP

打开cdm命令行,输入ipconfig,获取ip地址;个人本机IP为"192.168.1.16";spa

step3:运行项目

执行npm run dev开启项目,而后在微信端访问地址"192.168.1.16:8080";命令行

ok,完美解决问题ip

相关文章
相关标签/搜索