- Network: unavailable

[zhoufanglu]

Version

4.0.3

Reproduction link

https://github.com/zhoufanglu/hello-world

Environment info

"@vue/cli-plugin-babel": "^3.5.0",
"@vue/cli-service": "^3.5.0",

Steps to reproduce

npm run serve 启动的时候network没了

What is expected?

App running at:

• Local: http://localhost:8083
• Network: http://192.168.xx.xx:8083

What is actually happening?

App running at:

• Local: http://localhost:8083
• Network: unavailable

---

vue.config.js内的devServer。

devServer: {
host: '0.0.0.0',
    port: 8080,
    https: false,
    hotOnly: false,
}

我看了，网卡也只有一个，请问这个怎么解决，所有的vue项目都不行,network: unavailable。

[zhoufanglu]

我想跟以前一样，自动识别自己的Ip地址。
我网上找了个方法，但这不是我最终想要的效果。
修改public

devServer: {
    //host: '0.0.0.0',
    public: '192.168.xx.xx:8080',//修改这里
    https: false,
    hotOnly: false,
}

[zhoufanglu]

个人感觉是vue-cli的问题
我本地环境是@vue/cli 4.5.10
我用vite或者react创建的项目，都是有network的

[zoudingyi]

我也遇到相同问题，我的是 @vue/cli 4.5.12 最先使用的时候没有问题，Network显示正常。当我用指令设置了一个环境变量后，我发现我有许多环境变量都清除掉了 甚至连ipconfig都识别不了。后来一一设置回去后，我发现我原先Network正常的项目，现在都变成了unavailable 。所以我怀疑跟环境变量有关系。

[zhoufanglu]

我也遇到相同问题，我的是 @vue/cli 4.5.12 最先使用的时候没有问题，Network显示正常。当我用指令设置了一个环境变量后，我发现我有许多环境变量都清除掉了 甚至连ipconfig都识别不了。后来一一设置回去后，我发现我原先Network正常的项目，现在都变成了unavailable 。所以我怀疑跟环境变量有关系。

我到现在都没解决。。你解决了回复我下。。😂

[Mr-Nobody-li]

看了一下源码，如果你的ipv4地址不符合下面的正则，network那里也会显示unavailable的，如果你的host设置对了应该是可以通过ip访问到的，就是network显示不对
/^10[.]|^172[.](1[6-9]|2[0-9]|3[0-1])[.]|^192[.]168[.]/

[zhoufanglu]

ipv4是符合的

[zongcong]

ipv4是符合的

我把系统默认的系统变量加回去就可以了，估计是删除了系统默认的变量，然后识别不了

[jetjo]

看了一下源码，如果你的ipv4地址不符合下面的正则，network那里也会显示unavailable的，如果你的host设置对了应该是可以通过ip访问到的，就是network显示不对 /^10[.]|^172[.](1[6-9]|2[0-9]|3[0-1])[.]|^192[.]168[.]/

正确答案，控制台打印的地址并不是真正的监听地址