Vue+Axios部分POST接口报CORS预检缺失allow origin错误，后端已开跨域如何排查

排查方向 #

• 校验OPTIONS请求的响应状态：打开浏览器开发者工具的网络面板，定位到/movie请求对应的OPTIONS预检请求，若状态码为4xx/5xx，说明预检请求被后端中间件拦截。最常见的场景是/movie接口配置了身份校验中间件（如JWT、Session校验），但OPTIONS请求不会自动携带身份凭证，中间件直接返回错误，没有走到CORS处理逻辑，需要调整后端逻辑放行所有OPTIONS请求的身份校验。
• 核对axios的withCredentials配置：如果/movie请求的全局/局部axios配置开启了withCredentials: true，哪怕后端设置了CORS_ORIGIN_ALLOW_ALL = True也会触发CORS错误。带身份凭证的跨域请求不允许Access-Control-Allow-Origin为*，必须后端指定明确的允许源，同时返回Access-Control-Allow-Credentials: true响应头。
• 检查请求头是否包含自定义字段：确认/movie请求是否携带了Authorization、X-Requested-With等非标准请求头，需要后端CORS配置的Access-Control-Allow-Headers字段包含这些头，否则预检请求会被浏览器拦截。
• 确认CORS配置的覆盖范围：部分框架的CORS配置如果仅绑定在特定路由组上，可能没有覆盖到/movie对应的路由，需要检查所有路由是否都正确应用了CORS中间件。

注：Postman不会遵循浏览器的CORS预检规则，因此Postman请求成功无法证明CORS配置无问题。

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