CORS 错误

确定问题

要了解 CORS 配置的基本问题，你需要找出哪个请求有问题以及原因。步骤如下：

1. 打开有问题的网站并打开开发者工具。
2. 尝试重现失败的事务并检查控制台是否看到 CORS 违规错误消息。它可能看起来像这样：

错误消息的文本将类似于以下内容：

Cross-Origin Request Blocked: The Same Origin Policy disallows
reading the remote resource at https://some-url-here. (Reason:
additional information here).

CORS 错误信息

当请求因 CORS 失败时，Firefox 的控制台会在其控制台中显示消息。错误文本的一部分是“原因”消息，它提供了对出错的更深入的了解。下面列出了原因的消息；点击消息以打开一篇文章，更详细地阐述了错误以及提供可能的解决方案。

• 原因：CORS disabled
• 原因：CORS request did not succeed
• 原因：CORS header 'Origin' cannot be added
• 原因：CORS request external redirect not allowed
• 原因：CORS request not http
• 原因：CORS header 'Access-Control-Allow-Origin' missing
• 原因：CORS header 'Access-Control-Allow-Origin' does not match 'xyz'
• 原因：Credential is not supported if the CORS header 'Access-Control-Allow-Origin' is '*'
• 原因：Did not find method in CORS header 'Access-Control-Allow-Methods'
• 原因：expected 'true' in CORS header 'Access-Control-Allow-Credentials'
• 原因：CORS preflight channel did not succeed
• 原因：invalid token 'xyz' in CORS header 'Access-Control-Allow-Methods'
• 原因：invalid token 'xyz' in CORS header 'Access-Control-Allow-Headers'
• 原因：missing token 'xyz' in CORS header 'Access-Control-Allow-Headers' from CORS preflight channel
• 原因：Multiple CORS header 'Access-Control-Allow-Origin' not allowed

参见

• 术语：CORS
• CORS 介绍
• 服务端 CORS 设置
• 允许图片跨源请求
• CORS 设置属性
• https://www.test-cors.org——用于测试 CORS 请求的页面