vue-cli出现Network unavailable

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

/^10[.]|^172[.](1[6-9]|2[0-9]|3[0-1])[.]|^192[.]168[.]/

很明显,用这段正则无法正确匹配到100.100.xxx的ip地址。

那么,这个文件在哪?

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

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

vue-cli出现Network unavailable_第1张图片
我的是100.100开头的ip地址,在这段ip地址正则匹配中添加自己的ip地址正则表达式,我的是^100[.]100[.]

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

network就会恢复正常

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

你可能感兴趣的:(笔记,vue)