vue websocket重连失败

WebSocket 是一种基于 TCP 协议的双向通信协议，它可以在客户端和服务器之间创建一个持久化的连接。在 Vue 中使用 WebSocket 可以使用 `vue-native-websocket` 或者 `vue-socket.io` 等插件。如果 WebSocket 连接断开了，可以尝试实现重连机制，以下是一个简单的重连机制的实现示例：

const connect = () => {
  const ws = new WebSocket('ws://localhost:8080')
  ws.onopen = () => {
    console.log('WebSocket 连接成功')
  }
  ws.onclose = () => {
    console.log('WebSocket 连接关闭')
    setTimeout(() => {
      console.log('WebSocket 重连中...')
      connect() // 重新连接
    }, 3000)
  }
  ws.onerror = (err) => {
    console.error('WebSocket 连接错误：', err)
  }
  ws.onmessage = (msg) => {
    console.log('收到消息：', msg.data)
  }
}

connect()

在上面的示例中，当 WebSocket 连接断开时，会在 3 秒后尝试重新连接。可以根据具体需求调整重连时间间隔和尝试次数等参数。此外，还需要注意避免重复创建 WebSocket 实例导致资源浪费，可以将 WebSocket 实例作为全局变量存储，避免重复创建。