WebSocket连接遭CORS拦截，配置CORS仍报错求助

你的问题出在：Express的CORS中间件无法覆盖Socket.io的polling传输请求，Socket.io有独立的CORS配置项，必须单独设置。

修复方案 #

1. 修改服务端Socket.io初始化代码 #

把原来的const io = socketIO(server);替换成带CORS配置的版本：

const io = socketIO(server, {
  cors: {
    origin: "http://localhost:8000", // 和你Express的CORS源保持一致
    methods: ["GET", "POST"],
    credentials: true // 对应客户端的withCredentials配置
  }
});

2. 调整客户端连接代码 #

因为服务端开启了credentials: true，客户端连接时需要加上withCredentials选项：

const socket = io('http://localhost:3000', {
  withCredentials: true
});

为什么之前的配置没用？ #

Express的cors()中间件只处理常规的HTTP请求，但Socket.io在建立连接时，会先通过polling（轮询）方式协商传输协议，这些polling请求由Socket.io自身处理，不会经过Express的CORS中间件，所以必须在Socket.io的初始化参数里单独配置CORS规则。

额外检查项 #

• 修改配置后必须重启Node.js服务，否则新配置不会生效
• 清空浏览器缓存，避免旧的连接缓存干扰
• 确认客户端和服务端的端口、域名完全匹配（比如都是localhost，端口分别是8000和3000）

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