vue中控制台报错[WDS] Disconnected的解决办法

方法一：

有的说使用了全局代理，将 loaclhost 改成 127.0.0.1

vue.config.js配置项
// 配置 webpack-dev-server 行为。
  devServer: {undefined
    // open: true,
    open: process.platform === 'darwin', // 项目构建成功之后，自动弹出页面
    host: '0.0.0.0', //允许外部ip访问,主机名，也可以127.0.0.0 || 做真机测试时候0.0.0.0 /* 设置为0.0.0.0则所有的地址均能访问 */
    port: 8080, // 端口号，默认8080
    //https: false, // 启动https  会引发控制台一直报错， [WDS] Disconnected! 建议关闭，将这一项注释掉

路由没有使用导致

也有的说是webpack的端口号和服务端的端口号不一致的问题（但是我是使用的默认端口号，改了没用呀）

方法二：（我使用的办法）

解决办法：打开chorm浏览器点击右键检查—>找到Application—>点开Stroage下的localstorage：

将下述句子 复制在key上

loglevel:webpack-dev-server

将下述句子 复制在value上

SILENT

然后刷新浏览器

解决了报错：[WDS] Disconnected！的问题，但是我也不知道原理，有知道的大佬可以留言讲解一下，膜拜！！！