Vue第13篇，Vue项目中使用WebSocket连接后立马断开（websocket连接后瞬间断开）

一. 项目问题

在Vue项目中，使用WebSocket连接成功后立马断开。

---

二. 问题原因

问题原因（连接后断连的原因）：前端给后端传递Authourization（token验证）时，后端需要接收处理并设置响应标头，不然就容易出现上述错误。

---

三. 解决方法

1. 后端在设计websocket接口时，如果有权限验证，需要做 "Sec-Websocket-Protocol"  请求头的判断处理；

2. 后端设计没有问题时，前端同时需要传递参数和验证权限

//获取
import Cookies from 'js-cookie'
const TokenKey = Cookies.get("Admin-Token")
//传递  
//wsUri是请求地址和参数 TokenKey验证👇
websock = new WebSocket(wsUri, [TokenKey]);

3. 后端处理后前端收到的响应标头

 然后，连接后断连的问题就解决啦！