仅Firefox中出现CORS错误，如何在Express后端修复？

关键问题定位 #

你遇到的CORS错误指向http://localhost:3001/socket.io/，但你的Kratos后端配置的端口是9000，这是前端连接地址错误的明显信号——前端正在请求一个不存在的服务器端口（3001），这也是服务器离线时仍报错的核心原因：浏览器无法连接到3001端口，直接将连接失败归类为CORS错误。

接下来分步骤解决：

1. 修正前端Socket.io连接地址 #

确保前端连接的是后端实际运行的9000端口，而不是3001。示例代码：

import { io } from "socket.io-client";

// 替换为你的后端地址
const socket = io('http://localhost:9000', {
  withCredentials: true, // 若需要携带凭证（如Cookie）开启
  transports: ['polling', 'websocket']
});

2. 单独配置Socket.io的CORS规则 #

Express的cors中间件对Socket.io的WebSocket/polling请求不生效，Socket.io有独立的CORS配置逻辑。需要检查Kratos框架是否内置Socket.io，并添加对应配置：
如果Kratos实例暴露了Socket.io对象，在初始化时添加：

// 假设kratos实例中有io属性对应Socket.io实例
app.io.set('cors', {
  origin: 'http://localhost:3000',
  methods: ['GET', 'POST'],
  credentials: true
});

或者在Kratos创建Socket.io服务器时传入配置（需参考框架源码逻辑）：

const io = require('socket.io')(app.server, {
  cors: {
    origin: 'http://localhost:3000',
    methods: ['GET', 'POST'],
    credentials: true
  }
});

3. 确保Express CORS中间件加载顺序正确 #

如果你手动添加了cors中间件，必须在所有路由之前执行。修改代码，在app.launch()之前调用app.use(cors(...))：

import Kratos from '@kratosbase/kratos'
import cors from 'cors'
// ...其他导入

const app = new Kratos({
  port: 9000,
  // ...其他配置
})

// 先加载CORS中间件
app.use(cors({
  origin: ['http://localhost:3000'],
  methods: ['GET', 'POST'],
  credentials: true,
  allowedHeaders: ['Content-Type', 'Authorization']
}))

// 再加载路由并启动
const defaultRoutes = app.router({/* ... */}).getRoutes()
app.launch(defaultRoutes, routes)

4. 验证普通HTTP请求的CORS状态 #

先测试一个简单的GET请求到http://localhost:9000，比如用浏览器控制台发送：

fetch('http://localhost:9000/custom/send-code')
  .then(res => res.json())
  .catch(err => console.log(err))

如果这个请求没有CORS错误，说明问题完全出在Socket.io的配置上；如果仍有错误，再检查Kratos框架是否覆盖了你的CORS配置（比如框架内部有默认的CORS处理逻辑）。

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