使用 Nginx Origin 的 CloudFront 分发版中的 CORS 失败

使用 Nginx Origin 的 CloudFront 分发版中的 CORS 失败

我有一个 CloudFront 发行版,以 Nginx 服务器作为源(具体来说,是 Media Temple DV 服务器)。我启用了标Access-Control-Allow-Origin: *头,以便字体可以在 Firefox 中使用。但是,对于从此 CloudFront/Nginx 发行版加载的字体,Firefox 会抛出 CORS 错误。

我创建了另一个 CloudFront 发行版,这次以 Apache 服务器作为源,并进行了设置Access-Control-Allow-Origin: *。Firefox 可以毫无问题地显示来自此源的字体。

我在这里设置了一个演示页面:http://kristengrote.com/cors-test/

当我curl从每个发行版执行对相同字体文件的请求时,两个文件几乎返回完全相同的标题:

Apache Origin                                                            Nginx Origin                           
———————————————————                                                      ——————————————————— 
HTTP/1.1 200 OK                                                          HTTP/1.1 200 OK
Server: Apache                                                           Server: nginx
Content-Type: application/font-woff                                      Content-Type: application/font-woff
Content-Length: 25428                                                    Content-Length: 25428
Connection: keep-alive                                                   Connection: keep-alive
Date: Wed, 11 Jun 2014 23:23:09 GMT                                      Date: Wed, 11 Jun 2014 23:15:23 GMT
Last-Modified: Tue, 10 Jun 2014 22:15:56 GMT                             Last-Modified: Tue, 10 Jun 2014 22:56:09 GMT
Accept-Ranges: bytes                                                     Accept-Ranges: bytes
Cache-Control: max-age=2592000                                           Cache-Control: max-age=2592000
Expires: Fri, 11 Jul 2014 23:23:09 GMT                                   Expires: Fri, 11 Jul 2014 23:15:23 GMT
Access-Control-Allow-Origin: *                                           Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, HEAD                                  Access-Control-Allow-Methods: GET, HEAD
Access-Control-Allow-Headers: *                                          Access-Control-Allow-Headers: *
Access-Control-Max-Age: 3000                                             Access-Control-Max-Age: 3000
X-Cache: Hit from cloudfront                                             X-Cache: Hit from cloudfront
Via: 1.1 210111ffb8239a13be669aa7c59f53bd.cloudfront.net (CloudFront)    Via: 1.1 fa0dd57deefe7337151830e7e9660414.cloudfront.net (CloudFront)
X-Amz-Cf-Id: QWucpBoZnS3B8E1mlXR2V5V-SVUoITCeVb64fETuAgNuGuTLnbzAhw==    X-Amz-Cf-Id: E2Z3VOIfR5QPcYN1osOgvk0HyBwc3PxrFBBHYdA65ZntXDe-srzgUQ==    
                                                                         Age: 487
                                                                         X-Accel-Version: 0.01
                                                                         X-Powered-By: PleskLin
                                                                         X-Robots-Tag: noindex, nofollow

所以我能得出的唯一结论是,Nginx 的某些问题阻止 Firefox 识别 CORS 并允许通过 CloudFront 使用字体。

你知道这里到底发生什么事吗?

相关内容