如何在跨域服务器上通过Socket.io使用指定房间的数据？

1. 服务端代码调整（含跨域配置+房间逻辑） #

首先得给服务端配置跨域允许，同时把全局广播改成定向给指定房间发数据，还要支持客户端加入房间：

// 引入并初始化Socket.io，配置CORS（以v4+版本为例）
const io = require('socket.io')(server, {
  cors: {
    origin: "https://你的跨域客户端域名/IP", // 填实际客户端所在的跨域地址
    methods: ["GET", "POST"]
  }
});

// 监听客户端连接事件
io.on('connection', (socket) => {
  // 接收客户端的"加入房间"请求
  socket.on('joinRoom', (roomName) => {
    socket.join(roomName);
    console.log(`客户端 ${socket.id} 已加入房间：${roomName}`);
  });

  // 向指定房间发送数据（替换成你的业务触发逻辑）
  const targetRoom = "你的目标房间名";
  const data = { /* 要传递的具体数据 */ };
  io.to(targetRoom).emit('sendData', data);
});

2. 跨域客户端代码调整 #

客户端需要先确认连接成功，再申请加入目标房间，之后就能接收房间内的数据：

var socket = io('https://localhost:3000/', { transports: ['websocket'] });

// 连接成功后发送加入房间请求
socket.on('connect', () => {
  const targetRoom = "你的目标房间名"; // 和服务端的房间名保持一致
  socket.emit('joinRoom', targetRoom);
});

// 监听房间内发来的数据
socket.on('sendData', function (data) {
  console.log('收到房间专属数据:', data);
});

3. 关键注意事项 #

• 跨域配置要精准：生产环境别用*通配所有域名，必须指定客户端实际的跨域地址，避免安全风险；旧版Socket.io（v2）的CORS配置用origins字段替代cors.origin。
• 房间名完全匹配：服务端和客户端的目标房间名称必须一模一样，否则收不到定向数据。
• 连接状态判断：一定要在connect事件触发后再发加入房间的请求，确保连接已经建立完成。

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