websocket初始化过程

import { websocketPath } from "@/common/api"

 //后端实现自主向前端发送消息，无需前端请求
        initWebSocket(){ //初始化weosocket
        //ws地址
            if (typeof(WebSocket) === "undefined") {
                alert("您的浏览器不支持socket，请更换合适的浏览器！")
            } else {
            // 实例化socket
            this.websock = new WebSocket(websocketPath);
            // 监听socket连接
            this.websock.onopen = this.websocketopen;
            // 监听socket错误信息
            this.websock.onerror = this.websocketerror;
            // 监听socket消息
            this.websock.onmessage = this.websocketonmessage;
            // 监听socket
            this.websock.onclose = this.websocketclose;
            }
        },
        websocketopen() {
            console.log("websocket连接成功！")
            // this.websock.send("2")
        },
        websocketerror() {
            console.log("websocket连接错误！")
        },
        websocketclose(){  //关闭
            console.log("websocket关闭连接！");
        },
        websocketonmessage(data){
            // console.log(data)
            this.newsNum = data.data
            // this.websock.close()
        },

websocketPath接受地址的设置

由于前端请求的结构都实现了封装

export const websocketPath = "ws://10.141.113.151:9010/socketMessage"