Websocket vue 3 全局连接 （一）

步骤梳理

1、初始化连接：在登录时进行初始化websocket连接，退出登录断开websocket连接。

2、浏览器刷新机制：页面刷时需要重新初始化websocket连接。

3、心跳机制：由前端发起心跳，后端接受到心跳进行响应；后端在指定时间内没有接受到心跳，主动向前端发起websocket断开会话。

4、websocket收发消息：根据前后端规定消息格式，不同消息体进行不同逻辑处理。

总结：在vue3项目中进行封装websocket.js。websocket.js中把初始化连接、接受消息、发送消息、断开连接导出，在其他.vue页面进行调用。

websocket vue3 全局连接（二）_websocket在vue3中全局注册使用-CSDN博客