vue3 websocket连接上了，会自动断开的处理的二种方式

上了服务器以后，发现websocket会自动断开，那么我们可以有二种方法：

1）一般我们会发送心跳包

function sendMessagePing() {
    if (websocket && websocket.readyState === WebSocket.OPEN) {
      websocket.send('ping');
    } else {
      console.log('WebSocket连接已断开~');
    }
  }

然后我们在setInterval来定时去调用上面的方法：

var timerInterval = setInterval(() => {
      sendMessagePing();
    }, 1000);


// unmounted
clearInterval(timerInterval);

上面是每隔1秒钟去发一次ping给服务器，然后服务器收到了不进行处理，也可以有输出。

这里是spring boot的代码，用于接收前端发过来的消息。：

  //前端向后端发送消息
    @OnMessage
    public void onMessage(String message) {
        if (!message.equals("ping")) {
            System.out.println("【websocket消息】收到客户端发来的消息:"+message);
        }
    }

2、也可以通过配制超时时间来处理：

proxy_read_timeout 5;

只要延长proxy_read_timeout也是可以的。

还是方式1比较合理，有些时间nginx配制，前端开发是接触不到的。