AWS CloudFront浏览器缓存不生效，自定义源标头设置报错求助

我来帮你梳理下这个问题的根源和解决方案：

为什么会报错？ #

CloudFront的源自定义标头功能是用来添加自定义的、非标准的HTTP标头，让CloudFront在请求源服务器时带上这些标头。但像Cache-Control这类标准的HTTP缓存标头是被CloudFront预留的，不允许通过源自定义标头来设置——因为这类标头的逻辑是由源服务器或者CloudFront的缓存策略来管控的，不属于自定义源标头的范畴。

正确的解决方法 #

根据你的需求（设置浏览器缓存的max-age=31536000），有两种可行的方式：

• 方式一：在源服务器上配置Cache-Control标头
  直接在你的源服务器（比如S3桶、EC2上的Web服务等）上设置返回Cache-Control: max-age=31536000标头。CloudFront会自动将这个标头传递给终端浏览器，同时结合你设置的Minimum/Default/Maximum TTL来管理边缘节点的缓存时长。

• 方式二：通过CloudFront缓存策略配置浏览器缓存
  如果源服务器无法修改，你可以通过CloudFront的缓存策略来指定浏览器缓存行为：

  1. 打开CloudFront控制台，找到你的分发，切换到「缓存」标签页
  2. 点击「创建缓存策略」（或选择现有合适的策略）
  3. 在「浏览器缓存设置」区域，配置max-age为31536000，还可以按需设置其他缓存规则
  4. 将这个缓存策略关联到你的分发行为上，CloudFront会自动向浏览器发送对应的Cache-Control标头

补充说明 #

你之前调整的Minimum/Default/Maximum TTL，是控制CloudFront边缘节点自身缓存内容的时间，和浏览器端的缓存规则是两个独立的配置项——所以单独调整这些TTL参数无法解决你设置自定义源标头的报错问题。

内容的提问来源于stack exchange，提问作者Sudipta Dhara