amazon-cloudfront - 跨域资源共享策略字体

Question

我正在将 W3 Total Cache 与 Amazon cloudfront 一起使用。我的 htaccess 文件中有:

# BEGIN W3TC CDN
<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css)$">
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
# END W3TC CDN 

但是还是报错:

来自源“ https://example.cloudfront.net”的字体已被跨源资源共享策略阻止加载:请求的资源上不存在“Access-Control-Allow-Origin” header 。因此，不允许访问源“ https://www.example.com”。

为什么会这样？

Answer 1

在此链接中找到解决方案: https://www.naschenweng.info/2014/09/23/wordpress-w3-total-cache-cloudfront-font-cors-issue/ 。

您需要更改 CloudFront 分配的行为设置:

将“转发标题”从“无”更改为“白名单”

将“Origin”添加到“Whitelist Headers”

确保选中“Use Origin Cache Headers”

然后使缓存的字体无效。