【报错】WebSocket connection to ‘ws://:8080/ws‘failed:

时间:2025-01-18 17:40:26

当我们运行Vue项目时,你可能会遇到一下问题在这里插入图片描述
简单来说,WebSocket 为web应用程序客户端和服务端之间(客户端服务端)提供了一种全双工通信机制,报错是因为发送报文的过程出现问题。

解决方案如下:
在Vue项目的的文件中添加一下配置信息

  devServer: {
    host: '0.0.0.0',
    // https:true,
    port: 6103,
    client: {
      webSocketURL: 'ws://0.0.0.0:6103/ws',
    },
    headers: {
      'Access-Control-Allow-Origin': '*',
    }
  },

这样问题也就能解决了,也不会出现报错的问题了