javascript - 拒绝执行脚本，因为其 MIME 类型 ('application/gzip' ) 不可执行，并且启用了严格的 MIME 类型检查

Question

我正在尝试在我的 react 应用程序生产服务器上设置 Helm 安全性。但每当我尝试点击该网址时。我收到一条错误消息 Refused toexecute script from 'http://localhost:3000/static/js/app.378bd8b8eee930fb268c.js' 因为它的 MIME 类型('application/gzip')不可执行，并且严格的 MIME类型检查已启用。

对于压缩构建，我使用compression-webpack-plugin。

当我摘下 Helm 时，压缩构建工作得非常好。 Helm 插件设置:

{"xssFilter": {"setOnOldIE": true}}

Answer 1

tl;dr: /static/js/app.378bd8b8eee930fb268c.js 正在发送，Content-Type 为 application/gzip但它应该是 application/javascript。

<小时/>

Helm 的作者在这里。发生这种情况是因为 X-Content-Type-Options header ，Helmet 自动将其设置为 nosniff。这告诉浏览器不要推断文件的类型，并信任服务器设置的 Content-Type。

正如您在屏幕截图中看到的，/static/js/app.378bd8b8eee930fb268c.js 的 Content-Type 为 application/gzip。浏览器拒绝将其解释为 JavaScript，因为它的 Content-Type 不是 application/javascript，即 X-Content-Type-Options标题正在运行。

您可以通过修复该问题来解决您的问题 - 将 JavaScript 文件的 Content-Type 设为 application/javascript，而不是 application/gzip.