S3 object header 上的更改不会影响 CloudFront

Change on S3 object header doesn't impact on CloudFront

昨天我在 S3 的一个桶中检查了 objects 并添加了这个 header:

Cache-Control: max-age=604800

我使用更改元数据选项完成了此操作,因为我可以轻松地为每个文件夹应用它:

现在,如果我直接请求图像,我会看到正确的 header:

Cache-Control: max-age=604800
Date: Fri, 25 May 2018 11:28:53 GMT
ETag: "1abf6cb38c4645f3de14a19beba80019"
Last-Modified: Fri, 25 May 2018 11:11:11 GMT
Server: AmazonS3
x-amz-id-2: qQk8NrWHNCOV5SmLvSQGahvYKuQIkcqQdc2I4Hdm2QLGkhet8cF4n1O+c2HLxhEVl7iBReFSflo=
x-amz-request-id: 97C53C15E86CD3FF

但这是我通过 CloudFront 请求图像时的响应:

HTTP/1.1 304 Not Modified
Connection: keep-alive
Date: Fri, 25 May 2018 11:28:15 GMT
ETag: "1abf6cb38c4645f3de14a19beba80019"
Server: AmazonS3
Age: 70693
X-Cache: Hit from cloudfront
Via: 1.1 1d7454c76d6ac81147ca3cbd1284c8ae.cloudfront.net (CloudFront)
X-Amz-Cf-Id: CLiExdWbIvxcBFcoND6JYjcKQj54QyQkWl48OyPpUPLupHZl8SPfPQ==

我添加此 header 的目的是改进 Pingdom 上的结果以利用浏览器缓存,但我仍然通过该部分中列出的 CloudFront 从该存储桶中获取 url:

https://d253b1eioa5z7b.cloudfront.net/bc_video_ ... 6_9_576_67de5812-fd82-4476-8b3f-886ad3a4907d.png
https://d253b1eioa5z7b.cloudfront.net/bc_video_ ... 6_9_576_a7ddd1ed-0913-41f6-927e-9db33b582a89.jpg

当我对直接从网站(没有 CDN)使用的 S3 中的其他 objects 执行同样的操作时,我立即注意到对 Pingdom 结果的影响。

我应该等一下吗?还是我做错了什么?

您在 S3 中所做的 Cache-Control 更改不会在 CloudFront 中更新。要将更新推送到 CloudFront,您需要更新 CloudFront 中的 Web 分发并更改设置 Use Origin Cache Headers(见图)。

根据 CloudFront 的 AWS 文档,details the values you can specify when updating a CloudFront Web Distribution - 在 Object 缓存 header.

要进行此更改,请使用 AWS 页面中讨论的步骤以及如何 Update a Web Distribution with the CloudFront console 的详细信息,并密切注意步骤 5 下的第三个项目符号:Cache behavior settings。这是您进入上面显示的屏幕并可以进行 "Use Origin Cache Header" 更改的地方。

尝试一下,看看您的 Pingdom 结果是否有所改善。