CloudFront 修改 JS / CSS 内容

Question

当我通过 CloudFront 提供 JS 和 CSS 服务时，我的网站主题被破坏了。进一步排查发现，一些JS和CSS内容与源代码不同，我怀疑是这个原因。难不成CF有什么优化功能修改我们的JS /CSS 内容？如果是，我们如何禁用或修复此问题？

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

下面是JS和CSS文件比较源和CF的不同，还有我的CF设置打印画面：

JS

CSS

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

Answer 1

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

但看看您的回复 headers，您就会发现问题所在。您的源服务器是 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

CloudFront 修改 JS / CSS 内容

CloudFront Modify JS / CSS Content

amazon-cloudfront