从CloudFront到服务器的CORS字体问题

Question

我们仅将FONT的Cloudfront的CORS问题发送到我的网站。

从原点“ http://d2v777xrj.cloudfront.net/assets/simple-line-icons/fonts/Simple-Line-Icons-ff94ad94c3a9d04bd2f80cb3c87dcccb.woff”到“ http://example.com”的字体访问已被CORS策略阻止：所请求的资源上没有“ Access-Control-Allow-Origin”标头。因此，不允许访问来源“ http://example.com”。

Answer 1

参考（在研究了参考之后，发现这些参考对我有用。我没有在S3存储桶上添加任何CORS。只有Cloudfront访问S3）[对于您的情况，将themes更改为assets] < / p>

https://deliciousbrains.com/wp-offload-media/doc/font-cors/

http://thelazylog.com/correct-configuration-to-fix-cors-issue-with-cloudfront/

Answer 2

尝试了一切，但没有任何效果！ 但解决方案非常简单，只需两步即可解决。

1. 转到 S3 存储桶->权限->编辑：跨域资源共享 (CORS)->粘贴到配置下方。在大多数其他文章中，他们都犯了错误标题的错误。你必须在 AllowedHeaders 中加入“Origin”。

   [ { “允许的标题”：[ “起源” ], “允许的方法”：[ “头”， “得到” ], “允许来源”：[ "http://www.yourdomain.com", "https://www.yourdomain.com", "https://yourdomain.com", “http://yourdomain.com” ], "ExposeHeaders": [], “MaxAgeSeconds”：3000 } ]

2. 转到 Cloudfront->Behaviours->Default(*)->Edit 更改、缓存和源请求设置为：使用旧缓存设置 将基于选定请求标头的缓存更改为：白名单 然后，将白名单标题添加到：Origin [Only]

它会起作用.. 您可以查看 Lonavala Property

的工作示例