vue项目局域网多设备调试、ip方式访问中的一些细节

一、关闭防火墙                       

        这是大家最容易忽略的一个地方,其他设备访问不到百分之八十都卡在这里。

        将防火墙关闭,显示的当前使用哪个就将哪个给关闭,实在不行就全部关闭,调完程序再开起来就完事了

vue项目局域网多设备调试、ip方式访问中的一些细节_第1张图片

 二、获取本机IP

        打开CMD,输入 ipconfig 回车。这里注意一下,有部分人的电脑会出现两个IP组地址,这个时候我们选第二个组的IPV4作为你的本机IP。大多数情况是第二个,第二个不行你再用第一个组的IPV4作为你的本机IP。

vue项目局域网多设备调试、ip方式访问中的一些细节_第2张图片 

三、vue项目配置

 1.vue.config.js

        在devServer配置中添加 host:0.0.0.0 配置项

vue项目局域网多设备调试、ip方式访问中的一些细节_第3张图片

2.package.json

vue项目局域网多设备调试、ip方式访问中的一些细节_第4张图片

         在启动项目的脚本命令后跟上下面的字符,中间有空格

--host xxxx.xxxx.xxxx.xxxx

        至此大功告成,最后如果你是重新修改这些配置也好,还是关闭防火墙也好,都要重新启动一下项目,有问题请留言,祝大家顺利!

你可能感兴趣的:(tcp/ip,网络协议,网络,ip访问vue,vue局域网多设备调试)