vue采用WebSocket与后端服务器通信

最新推荐文章于 2024-07-22 10:57:42 发布

测试狂人

最新推荐文章于 2024-07-22 10:57:42 发布

阅读量1.5k

点赞数

分类专栏：前端开发文章标签： vue javascript 前端

本文为享有盛誉之名博主原创文章，未经博主允许不得转载。除非给我打钱，在征求本人同意即可。

本文链接：https://blog.csdn.net/bbs11007/article/details/110954224

版权

本文介绍了如何在Vue项目中利用WebSocket与后端进行通信。提到传统方式存在的问题，即每个页面独立请求可能导致请求异常，建议将WebSocket连接封装到一个主方法中，统一管理通信，以提高应用的稳定性和效率。

摘要由CSDN通过智能技术生成

从js那过来的，参考:https://blog.csdn.net/bbs11007/article/details/109491329，

举一反三使用VUE的方式，url地址写在一个通用main方法里面了，略。

created() {
        
        // this.initWebSocket();//websocket
},
 destroyed() {
   this.websock.close() //离开路由之后断开websocket连接
 },
methods：{
    //   initWebSocket(){ //初始化weosocket
    //       const wsuri = main.url;
    //       this.websock = new WebSocket(wsuri);
    //       this.websock.onmessage = this.websocketonmessage;
    //       this.websock.onopen = this.websocketonopen;
    //       // this.websock.onopen = this.sendRequest;
    //       this.websock.onerror = this.websocketonerror;
    //       this.websock.onclose = this.websocketclose;
    //     },

    //     websocketonopen(moduleType, actionType, reqData){
             //连接建立之后执行send方法发送数据

           // let dat