记录websocket报错DOMException: Failed to execute 'send' on 'WebSocket': Still in CON

88 阅读1分钟

问题复现

image.png

分析

通常在实例化一个websocket对象之后,客户端就会与服务器进行连接。但是连接的状态是不确定的,于是用readyState属性来进行标识。它有四个值,分别对应不同的状态:

  • CONNECTING:值为0,表示正在连接;
  • OPEN:值为1,表示连接成功,可以通信了;
  • CLOSING:值为2,表示连接正在关闭;
  • CLOSED:值为3,表示连接已经关闭,或者打开连接失败。

这样问题的原因就很明显了,之所以数据不能发送出去,是因为websocket还处在“CONNECTING”状态下,连接还没有成功。

解决

在发送消息之前,判断websocket是否连接成功。

if(this.socket.ws.readyState===1) {
        this.socket.send(params));
      }