为什么 IE 10 & 11 无法加载 GZiped 内容（js 和 css）？

Question

为什么 IE 10 & 11 无法加载 GZiped 内容（js 和 css）？ 当我从支持 gzip 压缩的服务器加载页面时，IE 会加载第一个 HTML 页面，但无法加载其他 js 和 css 文件。在控制台中显示一个错误，显示链接到相关 GZiped 文件的“无效字符”之类的内容。

这很奇怪，因为 IE 正确发送了标头 Accept-Encoding: gzip，所以没有理由相信它不支持压缩内容。

我还注意到，没有其他页面在 IE 中提供 gzip 内容，因为它们的响应中没有标头 Content-Encoding: gzip。

我们通过 AWS S3 和 CloudFront 提供静态内容，由于 S3 和 CloudFront 都支持动态文件压缩，因此我们复制了文件。一个是 GZiped，一个不是。

有什么线索吗？

Answer 1

事实证明，问题在于 IE 以某种方式依赖文件扩展名来了解它正在加载的文件类型，而不是使用 http 响应 Content-Type 标头。我们的 Gzip 文件的名称与其原始文件相同，但以扩展名 .gz 结尾（例如，其 Gzip 版本为 file.js 和 file.js.gz）。我已经重命名了所有这些文件，以 .gz.js 或 .gz.css 结尾，现在它可以正常工作了。