WebSocketClient.js?5586:16 WebSocket connection to ‘ws://192.168.0.103:8080/ws‘ failed:

 错误描述

vue 项目正常调试的时候报错 ,类似下面的一堆错误,但我并没有使用那个 WebSocketClient,我也感觉很疑惑,虽然项目可以正常运行 ,但是热加载失效了 ,只有刷新页面才能重新加载,而且控制台一直报错看起来非常不舒服,下面来解决这个报错

控制台报错

 鼠标移过去可以看到具体的报错位置是在  node_modules 里面

WebSocketClient.js?5586:16 WebSocket connection to ‘ws://192.168.0.103:8080/ws‘ failed:_第1张图片


解决方法

 修改 vue.config.js

修改client配置项  这个方法也许有用

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  
  devServer: {
     host: '128.0.0.1',
    port: 8080,
    client: {
      webSocketURL: 'ws://192.168.0.103:8080/ws',
    },
     headers: {
      'Access-Control-Allow-Origin': '*',
   }
 },
})

重新安装依赖,运行项目

因为我在项目中根本没有使用到报错信息中 的 WebSocketClient ,所以在修改 vue.config.js 后依旧报错,我就直接重新 cnpm install 安装依赖 ,然后重新 npm run serve启动项目,然后刷新页面,错误就不再出现了,它出现和消失都很奇怪,我好像也并没有太多操作,但这个错误没有再出现了 ,它就像一场梦

你可能感兴趣的:(vue,websocket,大数据,网络协议)