Socket.io 2.x.x持续触发connection事件：是否需回滚至1.x.x版本？

嘿，这个问题我之前也碰到过，确实是Socket.io 2.x早期版本存在的已知问题，当时不少开发者在社区反馈过类似的情况，尤其是在和Express整合的场景下。

先给你明确几个关键点：

• 这个bug在Socket.io 2.x的早期版本（比如2.0.x到2.2.x之间）确实存在，主要是连接握手逻辑的一些漏洞，导致客户端的连接请求被重复处理，服务器端就会多次触发connection事件。
• 回滚到1.3.7能解决问题是因为1.x的连接逻辑和2.x完全不同，避开了这个bug，但这并不是最优解——毕竟1.x版本已经停止维护很多年了，没有安全更新，也不支持新的特性。

那有没有不用回滚的解决办法？当然有，按优先级给你列几个：

1. 升级到Socket.io 2.x的后续稳定版本
   官方在2.3.0版本已经修复了这个重复连接的问题，直接升级到2.3.0及以后的2.x稳定版，大部分情况下就能解决问题，还能保留2.x的新特性（比如更好的性能、更完善的CORS支持）。执行命令就行：

   npm install socket.io@2.3.0
   

2. 检查你的代码配置，排除重复连接的可能
   有时候问题不一定是框架bug，可能是你自己的代码导致的：

   • 服务器端：有没有重复初始化Socket.io实例？比如在Express的路由里重复挂载了io，而不是在全局只初始化一次。
   • 客户端：有没有重复创建socket连接？比如把const socket = io()放在了会重复执行的函数（比如React的组件渲染函数）里，导致每次渲染都新建一个连接，服务器端自然会多次触发connection。

3. 配置正确的CORS选项
   早期2.x的CORS处理有缺陷，如果客户端和服务器端跨域，可能会导致连接握手失败，客户端自动重试连接，进而触发多次connection事件。可以在服务器端初始化Socket.io时明确配置CORS：

   const express = require('express');
   const http = require('http');
   const socketIo = require('socket.io');
   
   const app = express();
   const server = http.createServer(app);
   const io = socketIo(server, {
     cors: {
       origin: "https://your-client-domain.com", // 替换成你的客户端域名
       methods: ["GET", "POST"]
     }
   });
   

总结一下：优先尝试升级到2.x的稳定版，再检查代码里的重复连接问题，最后调整CORS配置。只有当这些方法都无效时，再考虑回滚到1.x版本，但不建议长期使用1.x，毕竟安全风险摆在那儿。

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