Amazon S3 CORS（跨域资源共享）和Firefox跨域字体加载

Amazon S3 CORS（跨域资源共享）和Firefox跨域字体加载

好的，我终于通过下面的配置使字体工作了，对文档中的示例进行了一些调整。

我的字体托管在S3上，但在Cloudfront前面。

我不确定为什么会起作用，我的猜测可能是

<AllowedMethod>

GET

和

<AllowedHeader>

Content-*

所需要的。

如果精通Amazon S3 CORS配置的任何人都可以对此有所了解，将不胜感激。

<?xml version="1.0" encoding="UTF-8"?><CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">    <CORSRule>        <AllowedOrigin>https://mydomain.com</AllowedOrigin>        <AllowedMethod>GET</AllowedMethod>        <MaxAgeSeconds>3000</MaxAgeSeconds>        <AllowedHeader>Content-*</AllowedHeader>        <AllowedHeader>Host</AllowedHeader>    </CORSRule>    <CORSRule>        <AllowedOrigin>https://*.mydomain.com</AllowedOrigin>        <AllowedMethod>GET</AllowedMethod>        <MaxAgeSeconds>3000</MaxAgeSeconds>        <AllowedHeader>Content-*</AllowedHeader>        <AllowedHeader>Host</AllowedHeader>    </CORSRule></CORSConfiguration>

编辑：

一些开发人员面临Cloudfront缓存

Access-Control-Allow-Origin

标头的问题。AWS工作人员已在下面的链接中解决了此问题，

作为解决方法，建议从链接线程使用 查询字符串 来区分来自不同域的调用。我将在这里重现简短的示例。

使用

curl

检查响应头：

域A：a.domain.com

curl -i -H "Origin: https://a.domain.com" http://hashhashhash.cloudfront.net/font.woff?https_a.domain.com

来自域A的响应头：

Access-Control-Allow-Origin: https://a.domain.comAccess-Control-Allow-Methods: GETAccess-Control-Max-Age: 3000Access-Control-Allow-Credentials: trueX-Cache: Miss from Cloudfront

域B：b.domain.com

curl -i -H "Origin: http://b.domain.com" http://hashhashhash.cloudfront.net/font.woff?http_b.domain.com

来自域B的响应头：

Access-Control-Allow-Origin: http://b.domain.comAccess-Control-Allow-Methods: GETAccess-Control-Max-Age: 3000Access-Control-Allow-Credentials: trueX-Cache: Miss from Cloudfront

您会注意到，

Access-Control-Allow-Origin

返回了不同的值，这些值已经超过了Cloudfront缓存。