websocket建立长链接

最新推荐文章于 2025-11-20 03:54:14 发布

原创最新推荐文章于 2025-11-20 03:54:14 发布 · 688 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#websocket #网络协议 #网络

本文介绍如何在页面中导入SockJS库，并通过它建立与后台的WebSocket长连接。首先导入SockJS库，然后创建WebSocket实例，连接到指定URL。连接成功后订阅接口路径，接收并解析服务器发送的数据。

下载npm i sockjs-client

在页面导入

import SockJS from "sockjs-client";

你可以写个方法包裹，根据自己需求去执行长链接



let that = this;
      let socket = new SockJS(`${process.env.VUE_APP_HOST}/socket`); //1
      stompClient = Stomp.over(socket); //2
      stompClient.connect({}, function (frame) {
        //3
        // setConnected(true);
        console.log("开始进行连接Connected: " + frame);
        stompClient.subscribe("/接口路径", function (response) {
          //4 接收信息
          // this.showResponse(JSON.parse(response.body).name);
          let data = JSON.parse(JSON.parse(response.body).message);
          that.orientation_data = data;
          console.log(data);