如何使用 Cloudflare 配置“Access-Control-Allow-Origin”的 CORS？

Question

我在提交文件时遇到此错误：

从源“https://dd-demo.abc.com”访问“https://dd-demo.abc.com:8443/api/token”处的 XMLHttpRequest 已被 CORS 策略阻止：响应预检请求未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。

如何使用 Cloudflare 解决此问题？

一些文章显示了旧的 Cloudflare 界面，但在使用时不太有效

PageRules 

与

Disable Security setting.

如果可能的话我不想打扰后端服务器设置。

Answer 1

要使用 Cloudflare 配置“Access-Control-Allow-Origin”的 CORS，您可以按照以下步骤操作：

1. 转到 Cloudflare 仪表板并登录您的帐户。

2. 单击 DNS 选项卡。

3. 在 Origins 部分中，单击您遇到 CORS 问题的域名旁边的 Edit 按钮。

4. 在 CORS 部分中，添加以下规则：

   Allow-Origin: https://dd-demo.abc.com
   

5. 单击保存按钮。

这将允许来自

https://dd-demo.abc.com

源的请求访问资源。

如果您想允许来自多个来源的请求，可以将它们添加到

Allow-Origin

标头中，并用逗号分隔。例如：

Allow-Origin: https://dd-demo.abc.com, https://www.dd-demo.abc.com

您还可以使用

Wildcard

字符 (*) 来允许来自所有来源的请求。例如：

Allow-Origin: *

如果您想完全禁用 CORS，可以将

Allow-Origin

标头设置为

null

。

请注意，如果您在 Cloudflare 中使用页面规则功能，则需要禁用用于配置 CORS 的规则的安全设置。这是因为 Security 设置将阻止所有未设置

Access-Control-Allow-Origin

标头的请求。

我希望这有帮助！如果您还有其他问题，请告诉我。