EC2 + Cloudflare = 字体存在 CORS 问题

Question

我刚刚在 EC2 实例上架设了我的第一个 Wordpress 网站。并且我已将 CloudFlare 设置为我的 CDN。但在查看网站时，我收到以下错误：

跨源资源共享策略阻止加载来自源“EC2 IP”的字体：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源“SITE DOMAIN”。

我已经修改了我的 EC2 实例上的 .httpd 文件以允许所有字体类型。但仍然没有成功。

我忽略了什么才​​能获得访问权的标题。

Answer 1

在 Wordpress 中，您可以设置网站地址。在当前配置中，它被设置为服务器的 IP。将其更改为域名后，它解决了我的问题。

Answer 2

如果您在 Apache 服务器上运行您的网站，请尝试将以下内容添加到您的.htaccess文件中：

<IfModule mod_headers.c>
<FilesMatch "\.(svg|ttf|otf|eot|woff|woff2)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>

这将允许从任何域访问字体，而不仅仅是您的站点域。