IE9无法加载css文件，SEC7113: CSS 因 Mime 类型不匹配而被忽略

最新推荐文章于 2024-03-16 12:30:42 发布
转载 最新推荐文章于 2024-03-16 12:30:42 发布 · 6.1k 阅读 · 0
文章标签：

#css #ie #jsp

本文提供了一种简单的但非最佳实践的方法来解决网页样式问题——直接将CSS样式写入JSP页面中，而非引用外部样式表文件。
永宁河
关注
读懂Nginx简化版：为什么复杂不如理解本质？
weixin_45715405的博客
07-13 174
本文深入剖析了nginx架构的核心设计思想，揭示了高性能Web服务器的技术本质。文章通过对比nginx原版与简化实现的差异，重点阐述了事件驱动模型、内存管理、epoll机制等关键技术： 事件驱动模型通过解耦连接状态与执行线程，实现高效的I/O处理； 多进程架构与单进程模型的权衡体现了工程复杂度与收益的平衡； epoll机制的O(1)复杂度通知和ABA问题解决方案； HTTP状态机设计实现高效解析与增量处理； 连接池优化与内存管理策略展示了对象复用和生命周期控制的重要性。 这些设计体现了"简单可靠优
SEC7113: CSS 因 Mime 类型不匹配而被忽略
weixin_30565327的博客
08-06 512
IE9 下无法加载css时 SEC7113: CSS 因 Mime 类型不匹配而被忽略 配置应用的web.xml文件中添加 <mime-mapping> <extension>css</extension> <mime-type>text/css</mime-type> </mime-mapping&...
IE9 CSS因Mime类型不匹配而被忽略问题相关解答
09-25
写页面的时候在chrome，fireforks等页面上显示正常，但是换成IE9之后就完全没有样式了，报错信息是CSS 因 Mime 类型不匹配而被忽略，下面与大家分享下这个问题的相关的回答
解决ie9、ie10本地css加载不上的解决方法实例
03-27
方法很简单，很多人用这样的方法不能实现！所以故上传例子
ie9 SEC7113: CSS 因 Mime 类型不匹配而被忽略
ancui2761的博客
02-26 280
今天在ie9下碰到SEC7113: CSS 因 Mime 类型不匹配而被忽的问题，很诡异，css的内容能够读取但是浏览器就是不渲染，而启用ie8的文档模式则正常。报错见图。 现已解决，方案如下： 先check了link引用的方式，发现缺少type=text/css，加上后报错依旧。 然后根据http://blog.163.com/lihuangsuo@126/blog/stat...
IE9 IE10 SEC7113: CSS 因 Mime 类型不匹配而被忽略
anningdeai的博客
04-26 2064
浏览器将css的文件的content-type类型识别成了text/plain，但 产生此问题的根本原因未找到。 修改注册表、配置web.xml、配置tomcat都无效。 最后只能添加或修改filter，将content-type修改成 text/css import org.springframework.web.util.UrlPathHelper; public class L
ie F12 开发者工具 错误分析
07-19
- **SEC7112**：“[URL] 的脚本因 MIME 类型不匹配而被阻止” - **描述**：当一个 JavaScript 文件的 HTTP 响应标头中存在 "X-Content-Type-Options: nosniff" 标头，但又没有正确的内容类型声明时，会触发此错误。...
【01】html&css&git&网络基础知识
oschina_41559824的博客
03-16 1220
一图胜千言使用border-box控制尺寸更加直观，因此，很多网站都会加入下面的代码。
前端视频学习（九、HTML5+CSS3）
KeYY的博客
11-22 4606
目录1. HTML5新增标签属性1.1 部分新语义标签兼容性问题1.2 新增表单type属性1.3 新增表单属性1.4 新增表单元素—— datalist, keygen, outputdatalistkeygenoutput1.5 新增的表单事件—— oninput、oninvalidoninputoninvalid —— 可以设置验证失败时的提示信息1.6 新增标签—— progress, m...
IE浏览器“SEC7113: CSS 因 Mime 类型不匹配而被忽略”问题的解决方法
weixin_30552635的博客
03-09 636
写好的CSS文件使用IE浏览器不加载，但使用火狐等浏览器却能够正常显示。读了这篇文章的方法2才知道，使用ie本地直接打开则调用file协议时CSS不加载，把所写的文件放入本地Apache服务器内，再用ie打开调用http协议，显示正常，问题解决。 原帖位置：http://www.uedsc.com/css-mime-type-mismatch.html 什么是Mime类型...
HTTP MIME 类型
06-03
HTTP MIME 类型 设定某种扩展名的文件用一种应用程序来打开的方式类型
解决ie9、ie10本地css加载不上的解决方法
11-04
本地页面css样式和外部的js加载不上的解决方法！
sec7113 css 因 mime,CSS 因 Mime 类型不匹配而被忽略
weixin_42297347的博客
08-04 458
你好 玉振，IE9新的安全机制要求web server送过来的 HTTP response header中的content-type 必需指明css文件的MIME-type为'text/css'，否则IE9不会把它作为css文件来处理。修正措施如下：配置应用的web.xml文件中添加csstext/cssFor more information, you can refer here另外如果你用i...
解决IE9下样式丢失报错“SEC7113: CSS 因 Mime 类型不匹配而被忽略 ”问题
weixin_30648963的博客
09-17 237
注：此文也是引用他人的博客 原文网址为：http://blog.163.com/lihuangsuo@126/blog/static/3686389120112174544383/ 在此写出来 希望大家能用的上 在IE9网银样式丢失原因如下： IE9新的安全机制要求web server送过来的 HTTP response header中的content-type 必需指明css文件的MIME-...
sec7113:css 因Mine 类型不匹配而被忽略
u014321952的专栏
05-04 3729
今天在测试一个前台页面时，在chrome ff 上都没用问题。 到了ie上 发现自己回到了20世纪。  css 完全没有被加载。      在控制台中发现了 sec7113:css  因Mine 类型不匹配而被忽略 这个错误。      然后我们看一下,Mine 类型是什么：       MIME(Multipurpose Internet Mail Extensions)多用途互
CSS 因 Mime 类型不匹配而被忽略
09-02 468
晚上写了一个测试的html,在crome下都显示正常，想到ie下看看，结果样式错了，报一个错误： CSS 因 Mime 类型不匹配而被忽略 百度了一下，我是这么解决的 大家都写说是看看下注册表中 css 的 Content-type属性是不是 text/css，按照其操作，我做了一遍，的确改了过来，mark一下： win---->运行--》输入rege...
SEC7113: CSS 因 Mime 类型不匹配而被忽略，Resource interpreted as Stylesheet but transfer，在浏览器中都不显示css样式效果
Mango的博客
08-04 664
问题描述： jsp页面引入css，引入方式正确，css代码本身不存在问题，但Tomcat服务器启动后，在浏览器访问jsp页面，发现根本没有显示css样式的效果，查看浏览器的控制台发现如下错误警告： SEC7113: CSS 因 Mime 类型不匹配而被忽略 Resource interpreted as Stylesheet but transferred with MIME type tex...
Django 浏览器报错 MIME 类型（“text/html”）不匹配（X-Content-Type-Options: nosniff）
sinat_41292836的博客
06-23 3838
问题描述 Django设置 DEBUG=False后，访问前端报错 MIME 类型（“text/html”）不匹配（X-Content-Type-Options: nosniff） 所有 css 和 js 文件都无法访问，后台显示404 问题分析 出现的问题根本原因是：当我们在开发django应用时如果设置了 DEBUG = True，那么django便会自动帮我们对静态文件进行路由；但是当我们设置DEBUG = False后，这一功能便没有了，此时静态文件就会出现加载失败的情况，想要让静...
Origin: http://127.0.0.1:8080 Referer: http://127.0.0.1:8080/ Sec-Ch-Ua: "Not)A;Brand";v="24", "Chromium";v="116" Sec-Ch-Ua-Mobile: ?0 Sec-Ch-Ua-Platform: "Windows" User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.5845.97 Safari/537.36 Core/1.116.484.400 QQBrowser/13.6.6320.400
最新发布
05-26
### 解决 Font-Awesome.min.css 加载时的跨域问题 在现代 Web 开发中，跨域资源共享（CORS）是一个常见的挑战。当尝试加载外部资源（如 `font-awesome.min.css` 及其关联字体文件）时，浏览器可能会因为安全策略阻止这些请求。以下是具体解决方案及其原理分析。 --- ### 1. **理解 HTTP 请求头的关键字段** HTTP 请求头中的几个重要字段与跨域问题密切相关： - **Origin**: 表明发起请求的源（协议、域名和端口）。服务器可以根据该字段决定是否允许请求。 - **Referer**: 显示触发请求的页面地址，通常用于统计分析或防止盗链。 - **User-Agent**: 标识客户端软件的信息，帮助服务器识别设备类型或浏览器版本[^2]。 --- ### 2. **配置后端 CORS 支持** 为了使 `font-awesome.min.css` 正常加载，需要确保服务器启用了适当的安全策略来处理跨域请求。以下是一些常用方法： #### （1）Django 中启用 CORS 如果使用 Django 框架作为后端服务，可以按照如下方式设置全局 CORS 参数[^1]: ```python CORS_ORIGIN_ALLOW_ALL = True # 允许所有来源访问 CORS_ALLOW_METHODS = ( &#39;DELETE&#39;, &#39;GET&#39;, &#39;OPTIONS&#39;, &#39;PATCH&#39;, &#39;POST&#39;, &#39;PUT&#39; ) # 定义支持的方法列表 CORS_ALLOW_HEADERS = ( &#39;accept-encoding&#39;, &#39;authorization&#39;, &#39;content-type&#39;, &#39;dnt&#39;, &#39;origin&#39;, &#39;user-agent&#39;, &#39;x-csrftoken&#39;, &#39;x-requested-with&#39; ) # 设置允许的自定义头部 ``` > 如果不希望开放全部来源，也可以指定白名单代替 `CORS_ORIGIN_ALLOW_ALL=True`。 #### （2）Nginx 配置 CORS 头部 假设前端由 Nginx 提供静态资源，在其配置文件中加入必要的响应头部声明[^3]: ```nginx location / { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods "GET, POST, OPTIONS"; add_header Access-Control-Allow-Headers "Content-Type, Authorization"; if ($request_method = &#39;OPTIONS&#39;) { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods "GET, POST, OPTIONS"; add_header Access-Control-Allow-Headers "Content-Type, Authorization"; return 204; } } ``` 此处设置了通用的 `Access-Control-*` 系列头部以满足大多数场景需求；特别需要注意预检请求（Preflight Request），即 method 为 `OPTIONS` 的情况应返回状态码 `204 No Content` 并附带对应头部信息。 --- ### 3. **优化字体文件路径** 即使解决了 CSS 文件本身的跨域限制，仍可能存在字体文件被拒绝加载的现象。这是因为部分浏览器会对 WOFF/EOT/TTF 类型单独应用更严格的同源政策。因此建议采取以下措施之一: #### 方法一：将字体文件移至同一主机下 把整个 Font Awesome 包含的所有子资源统一托管在同一台机器上，从而规避任何潜在冲突。 #### 方法二：扩展 Nginx 字体 MIME 类型映射 编辑 Nginx 主配置文件 (`/etc/nginx/mime.types`) ，确认包含类似下面的内容: ```text types { ... application/x-font-ttf ttc ttf; font/opentype otf; application/vnd.ms-fontobject eot; application/font-woff woff; font/woff2 woff2; } ``` 接着重启服务使其生效: ```bash nginx -t && systemctl restart nginx ``` --- ### 4. **验证效果** 最后可通过开发者工具 Network 面板观察目标资源的状态码以及相关头部是否存在预期值。例如成功情况下应该看到类似于这样的输出: ```http HTTP/1.1 200 OK Date: Mon, 01 Jan 2023 00:00:00 GMT Server: Microsoft-IIS Access-Control-Allow-Origin: * ... ``` --- ### 总结 综合以上步骤可以看出，解决 `font-awesome.min.css` 跨域加载的核心在于合理调整前后端交互规则，并兼顾附属资产（如字体文件）的行为特性。只有做到全面覆盖才能彻底消除此类障碍。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值