Chrome 调试CORS错误的方法

puruo6ea  于 12个月前  发布在  Go
关注(0)|答案(2)|浏览(180)

每隔一段时间,我必须调试跨源资源共享相关的问题,在web开发。
根据我的测试,Chrome和Firefox在由于违反CORS而取消请求时几乎没有给予任何信息。通常调试包括检查所有的头文件是否符合规范,阅读CORS标准等。这是一个非常麻烦的过程。
有没有一种方法可以告诉任何浏览器,它应该更详细地说明为什么它取消了一个特定的请求?
例如,我宁愿使用更详细的调试消息,如Request canceled due to missing X-Requested-With field in received Access-Control-Allow-Headers fieldRequest canceled because supplied Origin: and received Access-Control-Allow-Origin: fields mismatch

lqfhib0f

lqfhib0f1#

你用的是哪个版本的Chrome?最新版本在报告CORS问题方面变得更好。例如,我正在使用Chrome版本“32.0.1700.14 beta”,当我访问此页面时,我在控制台中收到以下错误:

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

此信息只能从控制台获得,不能通过编程方式访问。希望更多的浏览器会跟进。请注意,如果您的请求由于其他非CORS原因而失败,您可能仍然会看到无用的错误消息。

czfnxgou

czfnxgou2#

虽然浏览器在这里仍然不是很有帮助,但我最近建立了一个网页,可以告诉你到底发生了什么,为什么,以及如何修复它。它实际上是整个CORS系统的交互式自我解释流程图。
如果您在调试CORS设置时遇到困难,请尝试以下操作:https://httptoolkit.com/will-it-cors/

相关问题