多方案解决VUE项目控制台报错:net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!

这是最近开发时遇到的问题,控制台一直报错,虽然表面上没有什么太大的影响,不过为了保险起见,还是要把这个问题解决的

控制台报错提示

多方案解决VUE项目控制台报错:net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!_第1张图片

 解决方案1:将vue.config.js中的host: '0.0.0.0',改为host: '127.0.0.1' (对于我来说无效)

解决方案2:有说找到/node_modules/sockjs-client/dist/sockjs.js,第1605行

// self.xhr.send(payload) 此处注释

(对于我来说无效)

解决方案3: 打开 Application->LocalStorage,在key上添加loglevel:webpack-dev-server,在Value上添加SILENT。

多方案解决VUE项目控制台报错:net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!_第2张图片

(这个没试,有需要的可以试一下)

 解决方案4: 重启项目(对于我来说无效)

解决方案5:解决了我当前的问题,在package.json里加入 "--host 0.0.0.0"

 "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
    "start": "npm run dev",
    "build": "node build/build.js"
  },

希望看完我的文章后,可以给你提供一丢丢小小的灵感,共勉

你可能感兴趣的:(vue.js,javascript,前端)