cache-control - Cloudfront/S3 缓存问题

Question

我们已将静态 Web 内容移至由 S3 支持的Amazon 的 CloudFront。我们已经成功地将缓存相关的元数据应用到了 objects，当查看以下对象的响应标头时，Cache-Control 和 Expires 标头看起来是正确的：

https://dwxl1a3pmrzl.cloudfront.net/img/hdr/logoRoots.1.0.0.png

但是，当在 Chrome 的开发者工具中查看对象时，对象似乎每次都被检索而不是缓存。这是对象本身的问题，因为标题设置不正确，还是查看独立图像时开发人员工具的预期行为？

Answer 1

我相信当 web 检查器打开时，chrome 默认会禁用缓存。要确认浏览器端缓存是否正常工作，请进入开发工具设置（Web 检查器右下角的小齿轮图标），然后在设置的常规部分取消选中“禁用缓存（在 DevTools 打开时）”。