node express搭建服务器 资源已被阻止,因为 MIME 类型(“text/html”)不匹配(X-Content-Type-Options:在IE报404的问题

最新推荐文章于 2024-05-15 20:09:31 发布
最新推荐文章于 2024-05-15 20:09:31 发布
阅读量1w 收藏
点赞数 1
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40336827/article/details/88901363
版权

搜索了各种方法，发现还是无从下手。后来喝杯茶还是解决了，我的项目是通过gulp搭建的，如果一旦有个js中或者css中有语法错误，那么编译就会终止，所以在火狐中冒出“资源已被阻止,因为 MIME 类型(“text/html”)不匹配(X-Content-Type-Options:”的主要原因是因为某段js中有段代码中有语法错误，所以没有编译这个js到服务器上，在引入的时候报了这个错误。也就是在IE中直接报了404的错误。

原因总结：不看服务器终端，光看浏览器控制台，就会导致一顿操作猛如虎。

少年啦1997
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Cross-Origin Read Blocking (CORB)
学习真香
11-07 2万+
Cross-Origin Read Blocking (CORB) 背景 有一天, 打开浏览器看到控制台报错: Cross-Origin Read Blocking (CORB) 已屏蔽 MIME 类型为 text/html 的跨域响应 https://xx.xxxx.com/stat/record?it=0&lshowp=2560x1440&0.1996155506933639 如需了解详情，请参阅 https://www.chromestatus.com/feature/56297098
资源已被阻止，因为 MIME 类型（“text/html”）不匹配
人言束负
12-21 3483
来自“http://localhost:63342/static/element-ui/lib/index.js”的资源已被阻止，因为 MIME 类型（“text/html”）不匹配（X-Content-Type-Options: nosniff
xxx的资源已被阻止，因为 MIME 类型（“text/html”）不匹配（X-Content-Type-Options: nosniff) 解决办法
weixin_60039689的博客
11-23 3954
xxx的资源已被阻止，因为 MIME 类型（“text/html”）不匹配（X-Content-Type-Options: nosniff) 解决办法
样式表单MIME 类型 “text/plain“ 不是 “text/css“问题处理
最新发布
jkzyx123的博客
05-15 340
样式表单www.*.com/static/js/*.css未载入，因为它的 MIME 类型 "text/plain" 不是 "text/css"。
Error: Loading CSS chunk chunk-b0a1 failed. 报错解决
qq_36454619的博客
08-06 6383
问题描述： 部署到服务器上的项目有一个页面进不去（本地可以进）。 浏览器控制台报错如下： 来自“http://XXX.css”的资源已被阻止，因为 MIME 类型（“application/json”）不匹配（X-Content-Type-Options: nosniff）。 Error: Loading CSS chunk chunk-b0a1 failed. (/XXX/static/css/chunk-b0a1.XXX.css) 问题排查： 发现该css文件为0kb，怀疑因此加载时产生错误。
jquery html() 错误,javascript - 错误：由于MIME类型（“ text / html”）不匹配而被阻止（X-Content-Type-Options：nosniff） - 堆...
weixin_31829293的博客
06-18 1305
我正在尝试使用express和ajax在测试站点上测试一些api调用，但是如果我将js脚本分离到其自己的文件中，则会出现以下错误，由于MIME类型(“ text / html”)不匹配(X-Content-Type-Options：nosniff)，“ http：// localhost：9000 / userProfileFunctions.js ”中的资源被阻止。如果我将所有内容都保留在同一个...
springboot无法加载静态资源，资源已被阻止，因为 MIME 类型（“text/html”）不匹配（X-Content-Type-Options: nosniff）
XWL1992的专栏
08-28 1万+
springboot无法加载静态资源，拦截器已经配置无需认证。 通过对HttpSecurity安全配置器 HeadersConfigurer进行配置 参考文章：https://blog.csdn.net/andy_zhang2007/article/details/91355054 ...
node-detect-content-type:使用MIME嗅探标准确定给定数据的Content-Type
05-15
该模块在无法使用文件扩展名来确定数据的内容类型的情况下很有用，因为文件没有扩展名或文件名不可用。 安装 npm install detect-content-type 或者 yarn add detect-content-type 进口 ES2015及更高版本： ...
cache-content-type:给定MIME类型或扩展名，创建完整的Content-Type标头并缓存结果
04-30
缓存内容类型 与的contentType方法相同，但是缓存了结果。 安装 npm i cache-content-type 用法 const getType = require ( 'cache-content-type' ) ; const contentType = getType ( 'html' ) ; assert ( ...
mime-types：最终的javascript content-type实用程序
02-04
而不是天真地返回第一个可用类型， mime-types只返回false ，所以var type = mime.lookup('unrecognized') || 'application/octet-stream' var type = mime.lookup('unrecognized') || 'application/octet-stream' ...
mime-db:媒体类型数据库
04-02
mime-db 这是所有mime类型的数据库。 它由一个单一的公共JSON文件组成，并且不包含任何逻辑，因此可以使用API​​尽可能使其不受干扰。 它汇总来自以下来源的数据： 安装 npm install mime-db 数据库下载 如果您...
http图片上传安全性问题 根据ContentType (MIME) 判断其实不准确、不安全
09-03
图片上传常用的类型判断方法有这么几种---截取扩展名、获取文件ContentType (MIME) 、读取byte来判断(这个什么叫法来着？)。下面由脚本之家小编跟大家分享图片上传安全性问题，感兴趣的朋友一起看看吧
obexd-contentfilter-off：使用bluez在每个OBEX接收文件时，禁用支持的MIME类型的过滤器
02-23
obexd-contentfilter-helperapp是一个Shell脚本（从v0.0.2开始），当被称为/ usr / libexec / obexd-时，它会检查每个lca-tool是否已注册文件的MIME类型（即具有处理程序）。 contentfilter-helperapp --receive-...
ajax mime HTML,拒绝执行脚本，因为MIME类型（'text/html'）不可执行，并且启用严格的MIME类型检查...
weixin_35444557的博客
06-23 872
我试图从forismatic api获取数据((一些引号)，但我没有收到任何响应。我在jquery中使用ajax，但我的控制台中出现以下错误：拒绝执行脚本，因为MIME类型('text/html')不可执行，并且启用严格的MIME类型检查我知道这个问题已被问到，但我没有得到我应该怎么做，我试了一切，但仍然这个错误即将到来我也尝试过CORS，但我认为我在某个地方做错某事，因为我我很高兴w jquer...
css因为mime被阻止,CSS文件被阻止：MIME类型不匹配（X-Content-Type-Options：nosniff）...
weixin_29701553的博客
08-03 2691
我正在开发Angular 4应用，我想应用一些全局样式。在有关角度站点的教程之后，我在应用程序的根目录中创建了一个“styles.css”文件，并在我的应用程序的index.html中引用了该样式表：angular应用已成功编译：$ ng serve** NG Live Development Server is listening on localhost:4200, open your bro...
【Django】MIME type (‘text/html‘) is not a supported stylesheet MIME type | uWsgi | Nginx
学习者
05-09 2512
【Django】MIME type (‘text/html‘) is not a supported stylesheet MIME type
生产环境浏览器Strict MIME TYPE Checking问题解决
热门推荐
皖南笑笑生的博客
08-10 6万+
X-Content-Type-Options: nosniff 与 不规范的响应类型 造成的影响
JS通过import进入本地资源404报错disallowed MIME type (“text/plain“)，响应头包含“X-Content-Type-Options:nosniff“
Jeremy Liu的博客
04-15 3438
项目场景： 提示：这里简述项目相关背景： 部署在web服务的前端工程，在通过import加载资源时报错。 问题描述 响应头中返回：X-Content-Type-Options:nosniff 控制台报错：disallowed MIME type ("text/plain") 如图： 引入该文件的方式为： import { FontLoader } from "/scriptsvrm/FontLoader.js" 这种写法在本地NGINX启动以及部署到客户端加载都没有问题，仅在部署在web服务时报这个错误
因为 mime 类型(“text/html”)不匹配(x-content-type-options: nosniff)
09-17
MIME类型和Content-Type是用来定义传输数据的格式的两个概念。MIME类型是一个标准，用于指定特定类型的数据的性质和格式。而Content-Type是HTTP协议中的一个头部字段，用于告诉接收方传输的数据是什么类型的。 "x-content-type-options: nosniff"是一个HTTP响应头部字段，用于告诉浏览器不要自动识别MIME类型。这个字段的作用是为了防止浏览器通过内容嗅探（content sniffing）来决定MIME类型，从而降低安全风险。 当浏览器接收到响应后，会根据Content-Type字段来判断应该如何处理这个响应。如果Content-Type字段指定的MIME类型与实际的数据不匹配，浏览器可能会选择不显示内容，或者以错误的方式渲染内容，导致页面显示异常。 因此，当服务器返回的MIME类型为"text/html"，而响应头部包含"x-content-type-options: nosniff"时，浏览器将不会根据实际的内容来判断MIME类型，而是严格按照"text/html"的类型来处理。如果实际内容与"text/html"不匹配，可能会导致页面无法正常显示或其他异常情况的发生。 为了解决这个问题，服务器应正确设置Content-Type字段，确保与实际的内容一致。同时，可以通过移除"x-content-type-options: nosniff"头部字段，使浏览器可以根据内容嗅探来判断MIME类型，以更好地处理响应。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值