header - 如何测试 CORS header

Question

我们的应用程序支持 CORS 配置 header 。我在两个不同的主机上分别配置了 testApp。两种设置都相互独立工作。host1 上的应用程序配置有 CORS header Access-Control-Allow-Origin 以指向 host2 上的应用程序。当我访问 host2 的应用程序页面时，我希望它显示 Access-Control-Allow-Origin header 作为响应。但缺少哪个。

如何测试 CORS header 以确认其正常工作或正确编码以支持跨域资源共享。

Answer 1

您可以利用浏览器调试器提供的fetch(Chrome 和 Firefox 上按 F12，然后转到控制台):

fetch('https://google.ca')

如果您收到 CORS 错误，则意味着您使用 (Origin) 打开调试器的当前站点未包含在您要获取的站点的 Access-Control-Allow-Origin header 中来自。