##### 版本号：
所有版本

##### 问题描述：
问题重现：浏览器调试模式打开，放着两分钟，就能看到websocket一直断开重连，原因是后台没回应ping pong
改两处地方：1.后台应答pong、2.前端重连后要正确绑定onmessage

##### 截图&代码：
问题修正：
<img width="1276" alt="image" src="https://github.com/jeecgboot/jeecgboot-vue3/assets/5036983/fe473f55-8488-4398-9c68-d2b644629583">
<img width="1370" alt="image" src="https://github.com/jeecgboot/jeecgboot-vue3/assets/5036983/ab850a28-fa2b-4a80-a683-5c5dcef42440">
前端主要代码：

```
export function connectWebSocket(url: string) {
  //update-begin-author:taoyan date:2022-4-24 for: v2.4.6 的 websocket 服务端，存在性能和安全问题。 #3278
  let token = (getToken() || '') as string;
  result = useWebSocket(url, {
    // 自动重连 (遇到错误最多重复连接10次)
    autoReconnect: {
      retries : 10,
      delay : 5000
    },
    // 心跳检测
    heartbeat: {
      message: "ping",
      interval: 55000
    },
    protocols: [token],
    onMessage: onMessage,
    onError: (ws: WebSocket, event: CloseEvent) => {console.log("[WebSocket]连接发生错误", event) },
    onConnected: (ws: WebSocket) => { console.log("[WebSocket]接成功") },
    onDisconnected: (ws: WebSocket, event: CloseEvent) => {console.log("[WebSocket]连接断开") }
  });
}
```

##### 前端安装环境：

> 如果你是启动报错，请说明你的前端环境

- 采用的是pnpm安装还是yarn?
- node版本号：？
- pnpm版本号：？

#### 友情提示（为了提高issue处理效率）：
  - 未按格式要求发帖，会被直接删掉;
  - 请自己初判问题描述是否清楚，是否方便我们调查处理；
  - 描述过于简单或模糊，导致无法处理的，会被直接删掉；
  

websocket问题修复
This is a GitHub Issue
repo:jeecg-boot
owner:jeecgboot
Title : websocket问题修复
Issue date:

--- start body ---
##### 版本号：
所有版本

##### 问题描述：
问题重现：浏览器调试模式打开，放着两分钟，就能看到websocket一直断开重连，原因是后台没回应ping pong
改两处地方：1.后台应答pong、2.前端重连后要正确绑定onmessage

##### 截图&代码：
问题修正：
<img width="1276" alt="image" src="https://github.com/jeecgboot/jeecgboot-vue3/assets/5036983/fe473f55-8488-4398-9c68-d2b644629583">
<img width="1370" alt="image" src="https://github.com/jeecgboot/jeecgboot-vue3/assets/5036983/ab850a28-fa2b-4a80-a683-5c5dcef42440">
前端主要代码：

```
export function connectWebSocket(url: string) {
  //update-begin-author:taoyan date:2022-4-24 for: v2.4.6 的 websocket 服务端，存在性能和安全问题。 #3278
  let token = (getToken() || '') as string;
  result = useWebSocket(url, {
    // 自动重连 (遇到错误最多重复连接10次)
    autoReconnect: {
      retries : 10,
      delay : 5000
    },
    // 心跳检测
    heartbeat: {
      message: "ping",
      interval: 55000
    },
    protocols: [token],
    onMessage: onMessage,
    onError: (ws: WebSocket, event: CloseEvent) => {console.log("[WebSocket]连接发生错误", event) },
    onConnected: (ws: WebSocket) => { console.log("[WebSocket]接成功") },
    onDisconnected: (ws: WebSocket, event: CloseEvent) => {console.log("[WebSocket]连接断开") }
  });
}
```

##### 前端安装环境：

> 如果你是启动报错，请说明你的前端环境

- 采用的是pnpm安装还是yarn?
- node版本号：？
- pnpm版本号：？

#### 友情提示（为了提高issue处理效率）：
  - 未按格式要求发帖，会被直接删掉;
  - 请自己初判问题描述是否清楚，是否方便我们调查处理；
  - 描述过于简单或模糊，导致无法处理的，会被直接删掉；
  

--- end body ---
