前端实时接收后端数据websocket

最新推荐文章于 2025-07-05 11:15:07 发布

原创最新推荐文章于 2025-07-05 11:15:07 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#websocket #node.js #javascript #vue

本文介绍了如何使用WebSocket进行前端实时接收后端数据。在本地测试时，确保telnet和防火墙设置正确以启用通信。

如果后端实时推送数据给前端，那么可以使用websocket的方式。
方法如下：

    getList() {
      let socket = new WebSocket("ws://127.0.0.1:10000/websocketPush/1");
      // 打开
      socket.onopen = () => {
        console.log("启动Taix-Socket，芜湖起飞~");
      };
      // 监听
      socket.onmessage = (msg) => {
        // 赋值
        this.listData.push(JSON.parse(msg.data));
      };
      // 错误处理
      socket.onerror = () => {};
    }