无法通过 Cloudfront 解码来自 EC2 的 CORS gzip 内容

Question

这可能与 Serving gzipped CSS and JavaScript from Amazon CloudFront via S3 有关，但尽管我遵循了文档，但我仍然可以解决这种情况：

一个 S3 存储桶包含我压缩过的文件（使用 grunt-contrib-compress，如果有任何相关性的话。）

我的存储桶具有 CORS 配置：

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*.myorigin.net</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>PUT</AllowedMethod>
        <AllowedMethod>POST</AllowedMethod>
        <AllowedMethod>DELETE</AllowedMethod>
        <AllowedMethod>HEAD</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

存储桶是通过 Cloudfront 提供的。

我的 Cloudfront 将 CORS 配置为：

允许 GET、HEAD、OPTIONS、PUT 等...
在 HTTPS 上
缓存 OPTIONS 请求
加入白名单 Access-Control-Request-Headers、Access-Control-Request-Method 和 Origin

使用 curl，我能够获取我的资源，有权 header 请求 gzip，我得到一个 gzip 版本

curl --insecure https:/whatever.cloudfront.net/.../foo.js --silent -H "Accept-Encoding:gzip,deflate,sdch" -I

HTTP/1.1 200 OK
Content-Type: application/javascript
Content-Length: 33990
Connection: keep-alive
Date: Wed, 06 May 2015 17:12:53 GMT
Content-Encoding: gzip
Last-Modified: Wed, 06 May 2015 16:36:40 GMT
ETag: "7a92919df6117827de9474851afe06c0"
Accept-Ranges: bytes
Server: AmazonS3
Age: 70
X-Cache: Hit from cloudfront
Via: 1.1 (redacted).cloudfront.net (CloudFront)
X-Amz-Cf-Id: iaghGGDg3f3l4njz7mpXeOzqIS5OCR5kaehk4Td4-Bxiv2KtljHVlQ==

我可以通过添加 --compressed 标志来解码内容，因此文件似乎是正确的。

如果我现在再次使用 curl 执行 CORS 请求，我将获得正确的编码：

curl --insecure https://.../foo.js --silent -H "Accept-Encoding: gzip,deflate,sdch" -I -H "Origin: myorigin.net"
HTTP/1.1 200 OK
Content-Type: application/javascript
Content-Length: 33990
Connection: keep-alive
Date: Wed, 06 May 2015 17:16:06 GMT
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, PUT, POST, DELETE, HEAD
Access-Control-Max-Age: 3000
Content-Encoding: gzip
Last-Modified: Wed, 06 May 2015 16:36:40 GMT
ETag: "7a92919df6117827de9474851afe06c0"
Accept-Ranges: bytes
Server: AmazonS3
Vary: Origin,Access-Control-Request-Headers,Access-Control-Request-Method
X-Cache: Miss from cloudfront
Via: 1.1 redacted.cloudfront.net (CloudFront)
X-Amz-Cf-Id: kaUV4S9wiCGzXp8N_Gg2LhGK8uYw1-qRtSw6w_Ry4V8oHZiLRvWULA==

仍然，出于某种原因，当我的 浏览器 执行请求时...没有 "Content-Encoding"，因此内容未解压缩，并且由于我我用 requirejs 加载它，我得到一个严重的错误。

Request :
GET /resources-gz/foo.js HTTP/1.1
Host: d28p9e2ugw1o8w.cloudfront.net
Connection: keep-alive
Cache-Control: no-cache
Accept: */*
Pragma: no-cache
User-Agent: Mozilla/5.0 (X11; Linux i686 (x86_64)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/35.0.1916.153 Safari/537.36
Referer: http://localhost:3000/start
Accept-Encoding: gzip,deflate,sdch
Accept-Language: fr-FR,fr;q=0.8,en-US;q=0.6,en;q=0.4,de;q=0.2

Response:
HTTP/1.1 200 OK
Content-Type: application/javascript
Content-Length: 33990
Connection: keep-alive
Date: Wed, 06 May 2015 16:31:27 GMT
Last-Modified: Wed, 06 May 2015 14:36:32 GMT
ETag: "7a92919df6117827de9474851afe06c0"
Accept-Ranges: bytes
Server: AmazonS3
Age: 1261
X-Cache: Hit from cloudfront
Via: 1.1 eazeaze.cloudfront.net (CloudFront)
X-Amz-Cf-Id: IjpNd37e-c38Moz3HQJ940KNTXfp1NN7O4enQJUYPd6Aet5Egw8XPg==

我显然遗漏了一些东西...

Answer 1

是的，你漏掉了一些东西。

阅读最后一个回复的回复headers。

Last-Modified: Wed, 06 May 2015 14:36:32 GMT
ETag: "7a92919df6117827de9474851afe06c0"
Age: 1261
X-Cache: Hit from cloudfront

这是一个 CloudFront 缓存命中，CloudFront 在您请求之前 20 多分钟从 S3 中获取了这个 object ...并且这个版本的 object 最后一次在 S3 中被修改了两个小时前...因此，无论您最近修复了什么，您得到的副本可能是您 "fixed" 之前的。

当 object 的 etag 没有改变时，这意味着 body 没有改变......但它并不暗示响应 headers 的任何内容。

最简单的测试方法是在 S3 中放入一个您以前未使用过的名称的新文件...当然是 gzip 压缩，然后再次尝试下载。

无法通过 Cloudfront 解码来自 EC2 的 CORS gzip 内容

Unable to decode CORS gzipped content from EC2 via Cloudfront

amazon-web-services

gzip

amazon-cloudfront