vue-cli出现Network unavailable详细

这是因为你的ip地址不兼容,vue cli中有一个prepareURLs.js文件,里面有一个用于匹配ip的正则:

/^10[.]|^172[.](1[6-9]|2[0-9]|3[0-1])[.]|^192[.]168[.]/
1
很明显,用这段正则无法正确匹配到100.100.xxx的ip地址。

那么,这个文件在哪?

它存在于你项目的node_modules目录中,路径:/node_modules/@vue/cli-service/lib/util/prepareURLs.js

我们可以在43行(不确定以后改没改)找到这个正则;
可以直接将prepareURLs.js文件中的正则修改为:


我的是100.100开头的ip地址,在这段ip地址正则匹配中添加自己的ip地址正则表达式,我的是^100[.]100[.]

修改之后保存,重新运行项目 npm run serve

network就会恢复正常

但是这种方式,很容易在重新安装依赖后文件被重新覆盖,问题又会出现,所以,这种方式仅适用于临时测试。这有可能是官方的疏忽,在正则中只是把常见的ip地址匹配了
 

希望可以帮到你

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Wzh小吴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值