在做VUE项目开发时,最常用的方法就是通过手机扫描二维码后进行调试。但频繁的手机扫描测试非常的不方便,今天绵阳动力网络就为大家介绍如果用本地IP地址来测试VUE项目。
首先是将config里面的host设置成0.0.0.0;
接着修改package.json文件配置:
"scripts": {
"start": "cross-env NODE_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
}
说明:第一步和第二步都有ip,其实第二步优先级高,这里第二步的host可以不设置,vue默认执行第一步的设置
接下来就是查看开发机的ip地址,并告诉给其他小伙伴,还有端口号。
使用webpack打包后
cmd 输入ipconfig命令 查看本机的IP地址:
然后去package.json 在dev里面输入 你的ip
然后npm run dev 运行即刻
提示:你的电脑链接的wifi 需要和别人想访问的设备链接的wifi 一致否则ip不一致无法调试。
好了,通过以上操作就可以顺利的实现VUE项目如何使用本地IP地址来调试的工作了。如果你觉得绵阳动力网络今天为你介绍的内容有帮助,请点击收藏!