debugging - 调试 CORS 错误的方法

Question

每隔一段时间，我必须在 Web 开发过程中调试跨域资源共享相关的问题。

根据我的测试，当 Chrome 和 Firefox 由于违反 CORS 而取消请求时，它们几乎不提供任何信息。通常调试涉及检查所有标题是否符合规范、阅读 CORS 标准等。这是一个非常麻烦的过程。

有没有办法告诉任何浏览器它应该更详细地了解 为什么它取消了一个特定的请求？

例如，我宁愿有更详细的调试消息，如 Request canceled due to missing X-Requested-With field in received Access-Control-Allow-Headers field或 Request canceled because supplied Origin: and received Access-Control-Allow-Origin: fields mismatch .

Answer 1

您使用的是哪个版本的 Chrome？最新版本在报告 CORS 问题方面变得更好。例如，我使用的是 Chrome 版本“32.0.1700.14 beta”，当我访问 this page ，我在控制台中收到以下错误:

Request header field X-Foo is not allowed by Access-Control-Allow-Headers.

此信息只能从控制台获得，不能以编程方式访问。希望更多的浏览器会效仿。请注意，如果您的请求因其他一些非 CORS 原因而失败，您可能仍会看到无用的错误消息。