运行vue项目时发现：network:unavailable

运行vue项目时发现：network:unavailable

问题描述：前几天新建了一个vue的项目，安装一切顺利，但运行起来后发现，发现network:unavailable

vue版本：@vue/cli 4.5.7
开发工具：VsCode

解决方法

1.在项目的根目录新建名为 vue.config.js的文件

2.在文件下面打入以下代码

module.exports = {
    devServer: {
        host: '0.0.0.0',
        public: 'XXX.XXX.XXX.XXX:8080',//该网络地址为你联网的ip地址
        port: 8080,
        https: false,
        hotOnly: false,
        disableHostCheck: true,
    },
}

3.重新开启服务即可

4.注意：由于这个Network是被写死进文件中的，所以如果网络被切换了，记得修改ip地址，确保与当前的联网ip一致。(头秃.jpg)

5.怕自己忘了：查找自己的ip的地址
①.win+R
②.输入cmd进入控制台
③.在控制台输入 ipconfig
④.找到这四个都有数据的，那就是你当前的ip地址了