针对我最初的问题进行后续回答:来自 AWS CloudFront 且来源为 S3 的文件没有缓存控制标头
我使用 AWS CloudFront 以 AWS S3 作为源提供静态文件。我尝试使用 AWS Web 控制台为我的对象设置 Cache-Control 标头,如我原始问题中的答案(上面的链接)中所述。当我使用 AWS S3 链接访问文件时,我已经可以看到标题了我补充道:缓存控制:公共,最大年龄=31536000。
问题是浏览器不尊重标题。当我重新加载/刷新同一个链接时,我得到了一个304 - 未修改响应而不是200(已缓存)回复。
我也尝试过最大年龄=300(不民众)并尝试了里面的值“ “但我总是得到 304 响应。我还尝试添加过期来自 S3 的标头,但结果相同。
如何让浏览器尊重缓存标头?我想利用浏览器缓存并节省使用 AWS 的成本。
补充说明:我的 S3 Bucket 未设置为静态网站托管。以防万一与此有关。
编辑:以下是实时 HTTP 标头
https://cdn.example.com/path/logo.png
GET /path/logo.png HTTP/1.1
Host: cdn.example.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:45.0) Gecko/20100101 Firefox/45.0
Accept: image/png,image/*;q=0.8,*/*;q=0.5
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Referer: https://www.example.com/
Connection: keep-alive
If-Modified-Since: Tue, 12 Apr 2016 10:29:24 GMT
If-None-Match: "xxxxxxxxxxxxxxxxxxxxxxxxxxx"
HTTP/1.1 304 Not Modified
Connection: keep-alive
Date: Sat, 16 Apr 2016 09:33:08 GMT
Etag: "xxxxxxxxxxxxxxxxxxxxxxx"
Server: AmazonS3
Age: 67885
X-Cache: Hit from cloudfront
Via: 1.1 xxxxxxxxxxxxxxx.cloudfront.net (CloudFront)
X-Amz-Cf-Id: xxxxxxxxxxxxxxxxxxxxxxxxxxxx==
编辑:我明白了200如果我重新加载并响应304 未修改如果我在地址栏 URL 上按 Enter 键。此外,同一页面加载中的 Google 资源会响应200(来自缓存)而不是 304。
更新:
目前在线测试检测到文件已缓存. 测试是否http://www.webpagetest.org/和http://tools.pingdom.com/。还有 Google Page Speed。我认为需要时间将文件分发到边缘位置。这很奇怪,因为我每次编辑时都会更改文件名,以便立即生效。但就缓存而言,可能需要时间将缓存分发到边缘位置。仍在进行一些测试。
答案1
200 是 ok 响应,意味着服务器已经发送了请求的资源。304 not modified 意味着对象在浏览器缓存中,浏览器已经检查过。
如果您点击了“重新加载”,则可能是浏览器问题,而不是服务器问题。您已指示它重新加载,因此它会转到服务器。尝试通过输入 URL 并点击“输入”,而不是“重新加载”来加载该资源。
尝试使用 Firefox 的“live http headers”插件,它可以很好地显示正在发生的事情。
根据你所说的,我认为实际上没有问题,但你需要发布 Live HTTP Headers 的输出,以便我们确认。如果你这样做,不要只使用一个资源,加载一个静态 html 页面并让它引用 CDN 上的 jpg。