vue中创建WebSocket链接

 创建链接的JS：

function getSocket(url, params, callback) {
  let socket;

  if (typeof WebSocket === "undefined") {
    console.log("您的浏览器不支持WebSocket");
  } else {
    console.log("您的浏览器支持WebSocket");

    // 初始化 WebSocket 对象，指定要连接的服务器地址与端口建立连接
    socket = new WebSocket(url);

    // 打开事件
    socket.onopen = function () {
      console.log("Socket 已打开");
      socket.send(params);
    };

    // 获得消息事件
    socket.onmessage = function (msg) {
      // 发现消息进入, 开始处理前端触发逻辑
      callback(msg, socket);
    };

    // 关闭事件
    socket.onclose = function () {
      console.log("Socket 已关闭");
    };

    // 发生了错误事件
    socket.onerror = function () {
      console.log("Socket 发生了错误,请刷新页面");
      // 此时可以尝试刷新页面
    };
  }
}

export { getSocket };

项目中使用：

import { getSocket } from '@/network/socket.js';

   getLogin() {
      getSocket(
        wsBase,//这里为后端的链接,ws://........
        {},//需要传递的参数
        (data, ws) => {
          console.log(data, ws);
          this.$notify({
            type: 'warning',
            title: '提示',
            message: data.data,
            duration: 60000
          });
        }
      );

    },