vue项目中使用webscoket心跳重连

首先在created定义心跳检测对象

that.websock.send("ping")  send方法是webscoket自带的一种给服务器发送消息的方法

that.heartCheck = heartCheck  表示把heartCheck对象等于在data上面定义的heartCheck 对象

然后把原来的heartCheck = null 来释放掉 避免内存泄露

that.initWebpack() 表示webscoket初始化

在webscoket接收消息中 开启心跳检测this.heartCheck.start()

注意  心跳检测重连主要是在websocketclose websocketerror这两个这两个函数里面发生 

在网络断开的时候服务器端并没有触发onclose的事件。这样会有：服务器会继续向客户端发送多余的链接，并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳，说明还活着，没有心跳说明已经挂掉了。所以需要心跳重连 

在网络断开 或者发生错误的时候webscoket会触发两个函数

this.lockReconnect 表示是否已经重连的开关避免请求过多

this.webscoketFlag 表示是否为登录页面  如果是登录页面退出就不需要重连

注意 在退出的时候需要断开webscoket  this.websock.close()而不是this.websock.onclose()  onclose()表示webscoket关闭后的回调而已 如果想要关闭webscoket 使用webscoket.close

文章参考https://www.cnblogs.com/tugenhua0707/p/8648044.html