CloudFront 修改 JS/CSS 内容答案

【问题标题】：CloudFront Modify JS / CSS ContentCloudFront 修改 JS/CSS 内容
【发布时间】：2020-01-31 10:23:05
【问题描述】：

当我通过 CloudFront 提供 JS 和 CSS 时，我的网站主题已损坏。进一步的故障排除表明，一些 JS 和 CSS 内容与来源不同，我怀疑这就是原因。 CF 有没有可能修改我们的 JS/CSS 内容的某种优化功能？如果是，我们如何禁用或解决此问题？

我相信这不是缓存问题，因为启用 CF 后源文件没有任何更改。另外，我试图使 /wp-content/uploads/sites/2386/bb-plugin/cache/* 无效，但仍然得到相同的行为。如下面的打印屏幕所示，我还将查询字符串设置为“Forward all, cache based on all”。

下面是通过对比origin和CF不同的JS和CSS文件，以及我的CF设置打印画面：

CSS

CF 行为设置 https://imgur.com/XiPDq0X

【问题讨论】：

标签： amazon-cloudfront

【解决方案1】：

CloudFront 不会修改有效负载。即使启用了Compress Objects Automatically（实际上没有启用），压缩也是透明的 gzip，解压缩后会产生与原始响应正文相同的响应正文。

但是看看您的响应标头，您就会发现问题所在。您的源服务器是 Nginx，但您没有将 CloudFront 配置为将该服务器用作这些请求的源。您让 CloudFront 将请求发送到 Amazon S3 存储桶。那里的JS文件是2019年8月28日的。

Content-Type: application/javascript
Content-Length: 18371
Date: Fri, 31 Jan 2020 02:21:42 GMT
Last-Modified: Wed, 28 Aug 2019 06:53:02 GMT
Server: AmazonS3

【讨论】：

谢谢！没注意到我很久以前设置了一个特殊的起源组。