配置指定Origin仍触发CORS通配符错误（Node+Vue3跨域问题）

核心问题拆解 #

1. 请求重定向异常：你代码里明明发的是POST请求到https://localhost:8080/match/matchpost，但浏览器最终发起了GET请求到https://localhost:5173/——这说明服务器对该POST请求返回了重定向（3xx状态码），浏览器自动跳转后触发了后续的CORS错误。
2. CORS配置未生效：你明明指定了origin: 'https://localhost:5173'，但浏览器响应头却显示通配符*，大概率是CORS中间件的挂载位置不对，或者存在默认配置覆盖了你的自定义规则。

分步解决方法 #

第一步：先解决重定向问题 #

服务器收到POST请求后绝不应该返回重定向，检查这几点：

• 查看/match/matchpost的路由处理函数，有没有误写res.redirect()；
• 确认路由路径配置是否正确，比如有没有因为末尾多写斜杠导致的自动重定向；
• 用Postman/curl直接发POST请求到https://localhost:8080/match/matchpost，看返回的状态码和响应头，确认是否真的存在重定向。

第二步：修正CORS中间件的挂载方式 #

你现在只在match路由里挂载CORS中间件，容易导致预检OPTIONS请求或其他请求没被正确处理。改成全局挂载到Express主app：

// 在app.js或项目主入口文件中
const corsMiddleware = require('./path/to/你的CORS配置文件');
// 先挂载CORS中间件，再挂载路由
app.use(corsMiddleware);
app.use('/match', match);

同时删掉路由里的match.use(corsMiddleware)和match.options('*', corsMiddleware)，避免重复配置冲突。

第三步：调整CORS配置参数 #

把preflightContinue设为false（默认值），设为true会让Express继续处理预检请求的后续中间件，很可能导致默认的CORS头被加上：

const corsOptions = {
  origin: 'https://localhost:5173',  
  credentials: true,
  methods: ['GET', 'POST', 'OPTIONS', 'PUT', 'DELETE', 'HEAD'],
  allowedHeaders: ['auth-token', 'Origin', 'X-Requested-With', 'Content-Type', 'Accept'],
  preflightContinue: false, // 修改为false
};

第四步：验证修复效果 #

用浏览器开发者工具的网络标签，查看OPTIONS预检请求和POST请求的响应头：

• 确认Access-Control-Allow-Origin的值是https://localhost:5173而非*；
• 确认Access-Control-Allow-Credentials为true；
• 确认请求没有返回3xx重定向状态码。

额外检查项 #

• 核对前端Axios的请求URL是否拼写正确（端口、路径别写错）；
• 确认SSL证书有效，浏览器信任该证书（证书问题也可能导致请求异常）。

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