Socket.io触发connect_error后重试多URL连接异常问题

你当前代码的问题有两个：

• 仅重新赋值socket变量不会销毁旧的io实例，旧实例默认开启自动重连，会在后台持续尝试连接BAD_HOST，所以控制台一直抛8081端口的连接错误。
• 你写的connect事件监听只绑定在了第一个连接坏地址的实例上，后续新建的连LOCAL_HOST的实例根本没绑定对应事件，就算连上了也不会触发你的业务逻辑。

核心要遵守三个规则：

• 切换连接地址前，必须手动销毁上一个失败的socket实例，彻底清理它的重连任务、底层连接、事件监听
• 单地址连接失败时不要让实例自动重试，直接切换到下一个候选地址
• 每新建一个socket实例，都要重新绑定对应的事件监听，不要复用旧实例的监听

参考实现代码：

// 按优先级排列待尝试的服务端地址
const HOST_CANDIDATES = ["http://localhost:8081", "http://localhost:8080"];
const SOCKET_CONFIG = {
  upgrade: false,
  transports: ["websocket"],
  reconnection: false, // 关闭单地址自动重连，失败直接切下一个地址
  auth: { /* 你的鉴权参数 */ },
  extraHeaders: { /* 你的自定义请求头 */ },
};

let socket = null;
let currentTryIndex = 0;

function tryConnect() {
  // 清理上一个失败的连接实例
  if (socket) {
    socket.removeAllListeners();
    socket.close();
  }

  // 所有地址都尝试完毕的兜底处理
  if (currentTryIndex >= HOST_CANDIDATES.length) {
    console.error("所有Socket服务地址均连接失败");
    return;
  }

  const currentHost = HOST_CANDIDATES[currentTryIndex];
  socket = io(currentHost, SOCKET_CONFIG);

  // 给当前实例绑定事件
  socket.on("connect_error", (err) => {
    console.log(`连接地址${currentHost}失败：`, err);
    currentTryIndex++;
    tryConnect();
  });

  socket.on("connect", () => {
    console.log(`成功连接到服务地址：${currentHost}`);
    // 此处写连接成功后的业务逻辑
  });
}

// 启动首次连接
tryConnect();

• 配置里的reconnection: false必须加，否则Socket.io默认会对单个失败地址做无限次自动重连，根本不会走到你切换下一个地址的逻辑里。
• 销毁旧实例时先调用removeAllListeners()再调用close()，可以彻底清掉实例内部的定时器、事件回调，不会出现后台残留请求偷偷跑的问题。
• 如果需要连接成功后保留自动重连能力，可以在connect事件触发后，手动给当前成功的实例设置socket.io.reconnection(true)打开重连即可，不影响初始的多地址轮询逻辑。

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