如何解决由于 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 举报,一经查实,本站将立刻删除。