修改 socket

client/components/websocket/index.vue

@@ -17,18 +17,21 @@ export default {
   mounted () {
     if (window.WebSocket) {
       try {
-        socket = this.createSocket()
+        socket = this.createSocketClient()
       } catch (e) {
         console.log('不支持，websocket')
       }
     }
   },
   methods: {
-    createSocket () {
+    createSocketClient () {
       let that = this
       let _socket = new WebSocket(window.location.protocol.replace(/http/gi, 'ws') + '//' + window.location.host) // eslint-disable-line
       _socket.binaryType = 'arraybuffer'
 
+      that.socketHeart && clearInterval(that.socketHeart)
+      that.socketHeart = that.createSocketHeart()
+
       _socket.onmessage = function (msg) {
         if (msg.data instanceof ArrayBuffer) {
           var str = String.fromCharCode.apply(null, new Uint8Array(msg.data))
@@ -44,19 +47,17 @@ export default {
         }
       }
       _socket.onopen = function (e) {
-        that.socketHeart && clearInterval(that.socketHeart)
-        that.socketHeart = that.createSocketHeart()
       }
       _socket.onclose = function (e) {
         /* Socket连接关闭，则重连 */
         if (e.target && e.target.readyState === 2) {
-          socket = that.createSocket()
+          socket = that.createSocketClient()
         }
       }
       _socket.onerror = function (e) {
         /* Socket连接出错，则重连 */
         if (e.target && e.target.readyState === 3) {
-          socket = that.createSocket()
+          socket = that.createSocketClient()
         }
       }
       return _socket
@@ -83,7 +84,7 @@ export default {
     createSocketHeart () {
       return setInterval(() => {
         if (socket && socket.readyState !== 1) {
-          socket = this.createSocket()
+          socket = this.createSocketClient()
         }
       }, 10000)
     }