Socket.io无法同步修改所有客户端HTML标签内容问题求助

问题出在后端的消息发送方式上：你用了socket.emit('send')，这个方法只会给触发当前事件的单个客户端推送消息，所以只有发起请求的页面会更新，其他已连接客户端收不到通知。

修复方案 #

把后端的socket.emit('send')替换为io.emit('send')——io.emit()会向所有已连接的客户端广播消息，包括发起请求的客户端，这样就能实现所有页面同步更新。

修改后的后端代码片段：

io.on("connection", (socket) => {
    socket.on('send', () => {
        // 广播给所有已连接客户端
        io.emit('send');
        console.log('broadcast to all clients from server');
    })
});

如果需要排除发起请求的客户端（仅通知其他用户），可以改用socket.broadcast.emit('send')，但根据你的需求，io.emit()是最合适的选择。

验证步骤 #

1. 重启Node.js服务器
2. 打开多个浏览器窗口访问你的应用
3. 在任意窗口点击按钮，所有窗口的指定p标签都会同步修改为'test'

内容的提问来源于stack exchange，提问作者Karloux