vue接入WebSocket

 initWebSocket () {
      //初始化weosocket
      const wsUrl = this.wpath + "/system/webSocket/" + this.token; //ws地址
      console.log(wsUrl);
      this.webSocket = new WebSocket(wsUrl);
      // console.log(this.webSocket);
      this.webSocket.onopen = this.websocketonopen;
      this.webSocket.onerror = this.websocketonerror;
      this.webSocket.onmessage = this.websocketonmessage;
      this.webSocket.onclose = this.websocketclose;
    },
    websocketonopen () {
      console.log("WebSocket连接成功");
    },
    websocketonerror (e) {
      //错误
      console.log("WebSocket连接发生错误");
    },
    websocketonmessage (e) {
      //数据接收  这里是后台传回来的数据
      console.log(e);
      let res = JSON.parse(e.data)
      if (res.code !== 200) return this.$message.error(res.msg)
     
      // const redata = JSON.parse(e.data); //注意：长连接我们是后台直接1秒推送一条数据，
      // //但是点击某个列表时，会发送给后台一个标识，后台根据此标识返回相对应的数据，
      // //这个时候数据就只能从一个出口出，所以让后台加了一个键，例如键为1时，是每隔1秒推送的数据，为2时是发送标识后再推送的数据，以作区分
      // console.log(redata.value);
    },

    websocketsend (agentData) {
      //数据发送
      this.websock.send(agentData);
    },

    websocketclose (e) {
      //关闭
      console.log("connection closed (" + e.code + ")");
    },