Vue第12篇，Vue项目使用WebSocket时报错: connection to ‘ws://...‘failed: Error in connection establish

一. 项目报错

报错如下，意思是连接到'ws://…'failed:连接建立错误

---

二. 解决方法

1. 首先报错时先看看请求接口有没有写错；

2. 看需不需要（有没有）传递参数；

3 .还有可能就是没有传递验证参数 Authorization，也就是我们要传给后端的Admin-Token验证；

4. 传递方法如下

//3
//获取Authorization(token权限验证)
import Cookies from 'js-cookie'
const TokenKey = Cookies.get("Admin-Token")

//请求websocket，把权限验证传递给后端👇  
//wsUri是请求地址和参数
websock = new WebSocket(wsUri, [TokenKey]);

5. 前端传递的参数没有问题时，后端在设计websocket接口时，需要做 "Sec-Websocket-Protocol" 请求头的判断处理。