生产环境浏览器Strict MIME TYPE Checking问题解决

最新推荐文章于 2024-03-05 17:34:23 发布
VIP文章 最新推荐文章于 2024-03-05 17:34:23 发布
阅读量6.1w 收藏 8
点赞数 5
文章标签： HTTP安全
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuyiquan/article/details/52173735
版权

问题背景

最近在生产环境遇到了一个棘手的问题，很多促销页面的商品价格无法加载，且只有部分用户投诉和反馈，测试环境和内网环境均无法复现这个现象。
这里写图片描述

原因定位

发现报错的原因如下，动态加载js文件时返回Content-Type为text/html，与文件类型.js不匹配，禁止加载。
这里写图片描述

Refused to execute script from ‘XXXX’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.

由于开发没有注意过，我们所有json的请求的类型都是默认的text/html。但一直都是这样使用的，为什么最近才出现被禁止加载的情况呢？进一步分析请求的响应头，发现最近安全部门在响应头中增加了X-Content-Type-Options:nosniff字段。

这里写图片描述

互联网上的资源有各种类型，通常浏览器会根据响应头的Content-Type字段来分辨它们

最低0.47元/天 解锁文章
皖南笑笑生
关注
  • 5
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
完美解决浏览器跨域的几种方法(汇总)
12-03
1、什么是跨域问题 在页面中使用js访问其他网站的数据时，就会出现跨域问题，比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口时，以及hybrid app中请求数据，浏览器会提 示一下错误： XMLHttpRequest cannot load http://你请求的域名. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://当前页的域名’ is therefore not allowed access. 2、为什么会出现跨域问题 因为浏览器收到同
解决because its MIME type (‘text/plain‘) is not executable, and strict MIME type checking is enabled
泗水长流的博客
11-28 2849
今天用springboot做了一个接口，返回一个js调用的数据，js使用以下的调用方式： 或者 接口方法如下： 浏览器直接调用接口返回结果如下： 但是当我用上面的js调用时，错误出现了： 没有数据返回，查看详细信息：由于我这个功能主要是做微信分享的，所以我在微信开发者工具里面也试一下，结果如下： 这里微信的开发者工具给了我误导，让我一直认为是跨域造成的。可是我本身springboot已经解决了跨域问题啊，不论我怎么测试，也没有发现服务存在跨域问题。况且浏览器也没有明确有错误说出现了跨域问题，所以果断放弃了
掌握X-Content-Type-Options头的防护之力
最新发布
todoitbo的博客
03-05 903
本文将深入探讨未设置X-Content-Type-Options头的潜在风险，以及如何通过正确配置这一头信息来确保用户代理以正确的方式呈现站点内容。通过生动的例子和实用的建议，帮助读者提高站点的安全性和内容一致性。
warning: dereferencing type-punned pointer will break strict-aliasing rules
01-20
在 gcc 2.x 下编译没有任何 warning 信息的代码换到 gcc 3.x 版本下之后出现了类似的 warning 。原因是 gcc 3 引入了 strict aliasing 架构，当编译时使用了 -fstrict-aliasing 参数（该参数在使用了 -O2 , -O3, -Os 优化参数的情况下默认生效），而源代码中存在一些违反了 strict-aliasing 规则的地方的话，编译器就会对这部分代码提出 warning 。 使用 -fno-strict-aliasing 参数来关闭 gcc 的优化选项，代价是放弃了 strict-aliasing 编译优化可能带来的可执行代码
php 出现Strict Standards: Only variables should be passed by reference in的解决方法
10-19
个问题多半是因为引用传递参数引起的，解决办法一是修改代码不使用引用传递,需要的朋友可以参考下
都是IE惹的祸多浏览器兼容问题
10-30
都是IE惹的祸多浏览器兼容问题
【Django】because its MIME type (‘text/html‘) is not executable, and strict MIME type checking is enab
winrh的博客
11-30 2万+
报错内容 because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. 问题分析 静态文件被当成接口请求了，需要在middleware类中处理跳转问题，当包含static关键字时允许继续。（因为我的静态文件的路径就是以static开头的，如/static/js/admin.js） 如果还不行，则可能是文件不存在，复制静态文件所在的包，目录名改为static。...
Refused to execute script from ‘‘ because its MIME type (‘text/html‘) is not executable, and strict
qq_68155756的博客
08-22 5413
Refused to execute script from 'http://localhost:8080/style.js?v=1.1' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. 造成这个报错的情况有很多，比如服务器配置错误、缓存问题、代码错误、应用部署问题等等 这篇文章是在前端项目运行时产生的问题，原因就是我在vue.config.js中设置了静态资源
Refused to execute script from '....js' because its MIME type ('text/html') is not executable...
热门推荐
小赞的技术园子
08-12 12万+
问题描述 解决过程 总结 问题描述 在整合 Spring Boot、Spring Security、Thymeleaf 的练习中，对页面进行调试时，发现如下错误提示： Refused to execute script from ‘http://localhost:8080/codelib-springsecurity-sample-web/js/ie10-viewpo...
解决Refused to execute script from ‘http://127.0.0.1:8004/login‘ because its MIME type (‘text/html‘) i
抓饭不吃皮牙子
11-02 5519
当浏览器在加载脚本时出现警告"Refused to execute script"时，通常是由于错误的MIME类型导致的。有几种解决方法可以解决这个问题，包括检查服务器配置、设置HTTP响应头和使用CDN。通过采取适当的措施，你可以确保脚本加载正常，避免出现该警告。
Strict MIME type checking is enforced for module scripts per HTML spec.
奇点的博客
03-04 3598
去nginx配置文件中发现 mimetype文件路径为 /etc/nginx/mime.types。再次访问发现网页没有报错，可以正常运行（如还有报错可尝试强刷或清除缓存后再试）打开mime.types文件。
phpdocument Strict Standards 错误解决办法
10-29
phpdocument 错误： ...Strict Standards:Only variables should be passed by reference in D:\xampp\php\pear\PhpDocumentor\phpDocumentor\Smarty-2.6.0\libs\Smarty_Compiler.class.php on line 712
flask+Vue(Vite)部署，js文件不能被正确解析解决方案
u013661233的博客
11-16 1923
解决Strict MIME type checking is enforced for module scripts per HTML spec.Expected a JavaScript module script but the server responded with a MIME type of "text/plain".
Sping Boot 页面css无法加载 because its MIME type ('application/json') is not a supported stylesheet ...
不再更新，新博客 chgl16.space
12-19 8万+
错误描述 Refused to apply style from 'http://localhost:8080/static/css/login.css' because its MIME type ('application/json') is not a supported stylesheet MIME type, and strict MIME checking is enabled....
vue3 + gzip +nginx 部署 静态文件被识别成text/html的问题
csl12919的博客
07-12 2255
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec. 出现该问题的场景为解决vue gzip打包部署，nginx配置 try_files $uri $uri/ @router
前端引入js文件，部署后报错**strict MIME type checking is enabled
qq_42405304的博客
02-17 499
可能是因为js文件所在的服务器配置了add_header X-Content-Type-Options “nosniff”;属性导致浏览器无法缓存该js文件，将"nosniff"改为"sniff"即可。
【问题解决】Django+the server responded with a MIME type of “text/plain“
weixin_62521191的博客
01-24 436
报错Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec.import e from在Django模型中使用js报错。在 Django 的。
because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
yyo201的博客
08-11 4万+
webgl demo 的时候总是提示这个，完全找不到错误原因在哪。 google 里说是什么 (检测保护)反正就是不太看的懂，后面想起来 script 引入three.js 的引入方式是有要求的， 不能是/js/three.js 具体看文档吧，改成 <script type="text/javascript" src="../js/three.js"></script&g...
浏览器控制台错误：Strict MIME type checking is enforced for module scripts per HTML spec.
weixin_51404058的博客
03-15 2272
控制台错误：Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.
如何在浏览器关闭strict MIME checking
06-10
在浏览器中关闭 strict MIME checking 可以通过安装一个插件或者在浏览器中添加一个配置来实现。下面以 Chrome 浏览器为例，介绍如何关闭 strict MIME checking： 1. 安装 Allow-Control-Allow-Origin 插件。该插件可以在 Chrome 应用商店中下载，安装后可以在浏览器中关闭 strict MIME checking。安装完成后，启用插件。 2. 启用该插件后，在浏览器地址栏右侧可以看到一个小图标。点击该图标，在弹出的菜单中选择 "Enable cross-origin resource sharing" 选项。 3. 刷新页面，即可关闭 strict MIME checking。 注意，关闭 strict MIME checking 可能会导致一些安全问题，因此应该在必要的情况下才进行关闭。在实际开发中，应该尽可能保持 strict MIME checking 的开启状态，以提高应用程序的安全性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值