如何解决Strapi 5.10.0中的CORS错误？

看起来你已经在Strapi的中间件配置里尝试设置CORS规则了，但依然遇到了跨域问题，我来帮你排查几个关键的问题点和对应的解决办法：

1. 修正Origin地址的末尾斜杠问题 #

你当前配置里的Vercel前端地址带了末尾斜杠："https://chat-app-frontend-xxxx.vercel.app/"，但实际请求的Origin是不带斜杠的https://chat-app-frontend-xxxx.vercel.app。Strapi的CORS规则是严格匹配的，这会导致地址不匹配，从而返回错误。

修改origin数组，去掉Vercel地址的末尾斜杠：

export default [
  'strapi::logger',
  'strapi::errors',
  'strapi::security',
  {
    name: 'strapi::cors',
    config: {
      origin: ["https://chat-app-frontend-xxxx.vercel.app", "http://localhost:5173"],  // 移除末尾斜杠
      methods: ["GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS"],
      headers: ["Content-Type", "Authorization"],
      keepHeadersOnError: true,
    },
  },
  'strapi::poweredBy',
  'strapi::query',
  'strapi::body',
  'strapi::session',
  'strapi::favicon',
  'strapi::public',
];

2. 确保Strapi服务已重启 #

修改中间件配置后，必须重启Strapi服务才能让新配置生效。如果你是在Render上部署的，要确认：

• 部署过程中你的Middlewares.ts修改已经被正确同步到服务器
• 手动重启Render上的Strapi实例，避免旧配置依然在运行

3. 临时用通配符排查问题（可选） #

为了确认是否是Origin匹配的问题，你可以临时将origin设为["*"]，然后测试前端请求是否还会报错。如果此时CORS错误消失，就可以确定是之前的Origin地址匹配问题，再换回精确的地址即可。

4. 验证Preflight请求的响应 #

你可以通过curl命令手动发送Preflight（OPTIONS）请求，检查返回的响应头是否包含Access-Control-Allow-Origin：

curl -X OPTIONS https://chatapp-backend-strapi.onrender.com/api/auth/local \
  -H "Origin: https://chat-app-frontend-xxxx.vercel.app" \
  -H "Access-Control-Request-Method: POST" \
  -H "Access-Control-Request-Headers: Content-Type,Authorization" \
  -v

在返回的响应头中，如果能看到Access-Control-Allow-Origin: https://chat-app-frontend-xxxx.vercel.app，说明CORS配置已经生效。

5. 检查部署平台的额外配置 #

部分部署平台（比如Render）可能会有自己的代理层或默认CORS设置，你可以确认Render的部署日志中是否有加载Strapi中间件的错误，或者是否有平台级的配置干扰了CORS头的返回。

备注：内容来源于stack exchange，提问作者Prerit Khandelwal