Bootstrap

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" 请求头的判断处理。

;