VUE项目如何使用本地IP地址来调试?
来源:绵阳动力网络公司  时间:2020-07-20  阅读:10

在做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地址:

VUE项目如何使用本地IP地址来调试

然后去package.json 在dev里面输入 你的ip

VUE项目如何使用本地IP地址来调试

然后npm run dev 运行即刻

提示:你的电脑链接的wifi 需要和别人想访问的设备链接的wifi 一致否则ip不一致无法调试。

好了,通过以上操作就可以顺利的实现VUE项目如何使用本地IP地址来调试的工作了。如果你觉得绵阳动力网络今天为你介绍的内容有帮助,请点击收藏!

 
  • 电话咨询

  • 0816-2318288