websocket每隔5秒给服务端send一次信息_websocket后台给前端发消息频率

  // 连接断开后修改标识
  this.isConnect = false
  // 连接错误 需要重连
  this.reConnect()
  }
},

**全部代码如下：**

**问题一、**


**报错信息如下：socketReport.vue?8285:51 Uncaught DOMException: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state.**





![](https://img-blog.csdnimg.cn/img_convert/d0aba763f8f9f501cf2a44b35c4fff6a.png)



要明白这个问题产生的原因，就需要了解websocket的几个状态。通常在实例化一个websocket对象之后，客户端就会与服务器进行连接。但是连接的状态是不确定的，于是用readyState属性来进行标识。它有四个值，分别对应不同的状态：

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

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


**解决办法**


只要在函数中添加对状态的判断，在状态为OPEN时，执行send方法即可。方法一代码如下