是什么
CORS 报错调试 (跨域资源共享) 是什么
跨域资源共享 (CORS) 检查工具可以帮助您解决浏览器调试中最关键的问题:浏览器是否会允许此请求通过,还是会先在策略层拦截它?与其逐个查阅 CORS 响应头并靠猜,不如在一个地方对比请求方法、自定义请求头、凭据模式和返回的响应头。
这在 API 在 Postman 或 curl 中正常工作但在浏览器中失败的情况下尤其有用。在这种情况下,后端在传输层可能没问题,但由于 CORS 约定不完整或内部不一致,浏览器仍然会拦截响应。
如何使用
如何使用CORS 报错调试 (跨域资源共享)
输入前端源 (Origin)、请求方法以及浏览器将发送的任何自定义请求头。然后填写您的 API 或网关当前返回的响应头,特别是 `Access-Control-Allow-Origin`、`Access-Control-Allow-Methods` 和 `Access-Control-Allow-Headers`。
检查器将告诉您浏览器是否将该请求视为简单请求或预检请求、是否允许该来源,以及预检响应是否确实授予了您所要求的请求方法和请求头。
使用示例
使用示例
场景:
前端源: https://app.aistacker.dev
方法: GET
请求头: authorization, x-client-version
允许源: *
允许方法: GET, POST, OPTIONS
允许头: authorization, x-client-version
携带凭据: true
结果:
浏览器会拦截该请求,因为当 `Access-Control-Allow-Credentials` 为 `true` 时,`Access-Control-Allow-Origin` 不能使用通配符 `*`。请返回具体的源地址。常见使用场景
常见使用场景
1. 解释为什么 API 调用在 curl 中成功但在浏览器中失败。
2. 检查某个自定义请求头是否是预检请求 (Preflight) 失败的真实原因。
3. 验证对于您使用的请求模式,`Access-Control-Allow-Origin: *` 是否安全。
4. 当网关重写或删除 CORS 响应头时,对比本地成功与生产环境失败的情况。
常见问题