微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

由于 MIME 类型“文本/纯文本”不匹配X-Content-Type-Options:nosniff,资源来自被阻止

如何解决由于 MIME 类型“文本/纯文本”不匹配X-Content-Type-Options:nosniff,资源来自被阻止

我已经使用 craco build 生成了 react 应用程序的生产版本。我已经覆盖了一些如下内容

在 package.json 中:

"homepage": "myapp/"

在 craco.config.js 中:

webpack: {
    configure: (webpackConfig,{ env,paths }) => {
    if (env == 'production') {
            paths.appBuild = path.join(paths.appBuild,'myapp');
            webpackConfig.output.path = path.resolve(webpackConfig.output.path,'myapp');
    }
    return webpackConfig;
}

该应用程序托管在 Docker 容器中的 Nginx 服务器上

当我点击 url: https://myhost/myapp/ 时,我得到一个 index.html 作为响应:

<link href="/myapp/static/css/33.0e344166.chunk.css" rel="stylesheet">
<link href="/myapp/static/css/main.057ad034.chunk.css" rel="stylesheet">
</head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script src="/myapp/static/js/33.ce7e6a0c.chunk.js"></script>
    <script src="/myapp/static/js/main.06d5e454.chunk.js"></script>
  </body>
</html>

我能够正确加载所有 js 和 css 文件(检查每个请求的响应)

但是,该应用程序无法加载并出现以下错误

Refused to execute script from 'https://<host>/myapp/static/js/33.be32b7c7.chunk.js' because its MIME type ('text/plain') is not executable,and strict MIME type checking is enabled.

chunk.js 文件和 chunk.css 文件都会发生这种情况。

这是否意味着 index.html 应该有属性 type="text/css" 用于 chunk.css 和 type="application/javascript" 用于 chunk.js 文件? 如果是,我该如何覆盖它?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。