AWS S3,CloudFront,Web字体CORS错误

我刚从我以前的CDN移动到我的两个网站的CloudFront。 第一个工作正常,但我用DigitalOcean相同的快照创build第二个网站,在这里我越来越

从原始的“ http://www.example.com ”访问“ http://CLOUDFRONT_HOSTNAME.cloudfront.net/wp-content/themes/Newspaper/images/icons/newspaper.woff?14 ”中的字体已被CORS策略:请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin'http: //www.example.com '因此不被允许访问。

我尝试了所有可用的在线解决scheme,比如在nginx中添加一个头文件。

location ~* \.(ttf|ttc|otf|eot|woff|svg|font.css)$ { add_header Access-Control-Allow-Origin *; } 

然后在S3中更新隐私

 <CORSConfiguration> <CORSRule> <AllowedOrigin>*</AllowedOrigin> <AllowedMethod>GET</AllowedMethod> <MaxAgeSeconds>3000</MaxAgeSeconds> <AllowedHeader>Authorization</AllowedHeader> </CORSRule> </CORSConfiguration> 

大多数的解决scheme都在不同的站点上,包括其他serverfault和stackoverflow解决scheme。 我也使CloudFront中的字体文件无效,但没有运气:(

有人可以指导我可能是什么问题? 我通过WP中的W3 Total Cache插件连接了CloudFront。

UPDATE

1.白名单标题

白名单标题

2.使文件无效

使文件无效

  1. 请求和响应

请求和响应

提前致谢

阿里夫

在AWS控制台 – CloudFront – 分发编辑行为中,在白名单中设置白名单并添加Origin。