解决css不渲染页面问题：Resource interpreted as Stylesheet but transferred with MIME type text/html

最新推荐文章于 2025-04-02 17:35:52 发布
最新推荐文章于 2025-04-02 17:35:52 发布
阅读量1.8k 收藏 4
点赞数 2
分类专栏： JavaWeb 问题处理 文章标签： java html css javaweb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42193813/article/details/108595391
版权

使用Tomcat启动后，打开页面后加载css文件失败，在Network中可以看到请求成功了css文件，而且直接访问也可以访问到，但是页面就是没有css样式

在Console中查看显示：Resource interpreted as Stylesheet but transferred with MIME type text/html（资源解释为样式表，但使用MIME类型text/html传输）

在这里插入图片描述

说明是加载了CSS文件，但是是以html的格式加载出来的，所以没有渲染页面

在Sources中查看源码，发现是引用的地方报错了

在这里插入图片描述


解决

1、将引用css文件这条语句中的 type=”text/css”去掉

<link rel="stylesheet" href="./css/login.css"/>

2、如果有过滤器，且过滤器过滤到了那个css文件，则将设置编码为html格式的那条去掉（没有过滤器不用改）

  • 因为这样会将css文件也过滤成html格式

在这里插入图片描述

3、两个都修改成功后，再将浏览器的缓存清除

  • 如果不清除，则还会默认从缓存中加载原来那个css文件

在这里插入图片描述

4、重启Tomcat，再次访问页面，就没有问题了

Extjs-拾贝
oscar999的专栏
01-09 1013
Extjs Ajax错误-Resource interpreted as Script but transferred with MIME type text/html用ST（Sencha Touch2.1.1）时，Ext.data.JsonP.request({...}) 请求数据的时候，报出了下图的警告，但是数据还是返回了， 我返回的数据形式是： Ext.callback1({name: 'c
03 JavaScript学习：浏览器中执行 JavaScript
百锦再的博客
04-19 7万+
我比较习惯Chrome浏览器。Chrome 是由 Google 开发的免费网页浏览器，调试代码非常方便。Chrome 官网地址：https://www.google.com/intl/zh-CN/chrome/。
CSS不生效，提示：Resource interpreted as Stylesheet but transferred with MIME type application/x-css
celadonbird12的博客
05-05 1232
CSS不生效，提示：Resource interpreted as Stylesheet but transferred with MIME type application/x-css 初学Go语言如何实现一个Http Web服务器，于是在网上找了一个叫ChitChat的论坛的代码来研究，在调试的时候发现css不生效了，通过查看Chrome的开发者工具，发现Chrome提示了一个错误：Resou...
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://127.0.0.1:8004/...
AI天才研究院
12-15 8858
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://127.0.0.1:8004/login". 20:22:46.254 127.0.0.1/:1 Refused to execute script from 'http://127.0....
Expected a JavaScript module script but the server responded with a MIME type of “text/html“.
最新发布
SeaCloud_L的博客
04-02 944
前端项目部署更新后报错：Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". 项目使用nginx进行代理，找不到文件的情况下返回了自定义错误页面。 最后排查是nginx缓存导致的问题，重启nginx解决。
Resource interpreted as Stylesheet but transferred with MIME type text/html:
qq_25983579的博客
02-19 1553
1 异常信息 Resource interpreted as Stylesheet but transferred with MIME type text/html: 2 可能原因 过滤器或者某个地方对所有的资源请求全部转为了text/html 3检查方式 利用浏览器查看请求头和响应头 4 主要检查请求头和响应头的content type 样式表应是text/css,并且向服务器发送请求和之后服...
前端踩坑Resource interpreted as Stylesheet but transferred with MIME type text/html
linj努力，奋斗
07-24 2768
转：https://blog.csdn.net/sky_cui/article/details/86703706 项目结构： 问题描述： 1，跑在本地tomcat上时，用IE，FireFox，Chrome访问都没问题，CSS能加载且有效果 2，打包到云端Tomcat时，用IE访问正常，用FireFox和Chrome访问时能加载CSS文件，但是没有效果，报错如下：Resource int...
Resource interpreted as Stylesheet but transferred with MIME type text/html
Daylight629博客
01-03 468
Resource interpreted as Stylesheet but transferred with MIME type text/html css能加载，但是没有起作用，然后报上面的错误 是因为ContentType设置错了，因为你在设置filter的时候把全部请求一起响应了，导致ContentType显示为text/html，没有正确解析css 正确的如下： 解决方法 在拦截器忽略css地等拦截 可以添加如下代码： String url=request.getRequestURI
【SpringBoot】浏览器报错Resource interpreted as Stylesheet but transferred with MIME type text/html
热门推荐
寒泉
01-27 7万+
CSS 样式不能正常加载 发现页面的样式没有显示，报错信息如下： Resource interpreted as Stylesheet but transferred with MIME type text/html: “http://localhost:8080/curd/asserts/css/signin.css”. 原因 之前写原生 jsp + servlet 的时候也遇到过这个问题...
Resource interpreted as Stylesheet but transferred with MIME type text/html: "https://www.layuicdn.com/layui-v2.5.6/css/layui.css".
05-04
这个错误提示通常意味着浏览器在请求CSS文件时，服务器返回的MIME类型是"text/html"，而不是"text/css"。这可能是因为服务器配置不正确或者文件路径错误。可以尝试以下解决方案： 1. 确保CSS文件路径正确，检查是否...
vue在index.html中引入静态文件不生效问题及解决方法
11-28
然而，遇到"Resource interpreted as Stylesheet but transferred with MIME type text/html"这样的警告，意味着静态文件没有正确加载。这个问题通常与文件路径、配置文件设置或构建过程有关。下面将详细介绍这个...
Resource interpreted as Stylesheet but transferred with MIME type text/html:解释
qq_35207917的博客
11-01 3万+
这种错误，基本上各个阶段，由各个阶段的出错类型，目前，我接受的比较浅，引起方式是，用注解配置servlet映射的时候引起的，我的是因为css样式没有引入引起的， 经过大神的指点，原因是找出了，单个人能力有限，理解有限。看原因 @WebServlet("/") //看这里 public class UpdateUserServlet extends HttpServlet { prot...
解决Resource interpreted as Stylesheet but transferred with MIME type text/html
weixin_42230711的博客
10-21 522
解决Resource interpreted as Stylesheet but transferred with MIME type text/html描述原因解决方法 描述 web项目运行在由maven导入的tomcat插件上时，项目正常运行， 但是打成war包运行在本地tomcat或者服务器上的tomcat时，前端页面的样式就会没有了。 原因 在后端中有拦截器，将前端页面上引入的的sheet...
Html请求CSS显示：Resource interpreted as Stylesheet but transferred with MIME type text/html
qq_19265749的博客
10-25 2292
情况如下： Tomcat服务器上CSS的Content-Type格式设置错了，导致CSS样式出不来，借助了以为博主的博客，搞了两天，最终是弄好了。博客 原因： Web 服务器在响应请求时，除了返回所请求的资源本身，一般还会在响应的头部带上 Content-Type 字段，其值应当与该资源的 MIME 类型相匹配。如果 Content-Type 没有与资源一同返回或配置不正确的话，就有可能在一些浏览器上造成兼容性问题。如网页中的样式文件 CSS 对应的 Content-Type 应该为 text/css，如
Resource interpreted as Stylesheet but transferred with MIME type text/plain
qq_41917763的博客
05-25 848
资源被解释为样式表,但使用MIME类型text/plain传输: 是因为没有找到css文件，在html文件中把css文件的路径写错了，注意检查引用文件的路径
样式加载不出来，浏览器控制台报错：Resource interpreted as Stylesheet but transferred with MIME type text/html...
weixin_30892987的博客
04-29 280
写登录的时候出现的问题，样式时好时坏，浏览器控制台看到的信息是： Uncaught SyntaxError: Unexpected token <Resource interpreted as Stylesheet but transferred with MIME type text/html。但是css的加载路径没有错，网上找了很多，看到http://bsr1983.iteye.com...
springboot项目出现：Resource interpreted as Stylesheet but transferred with MIME type text/html
weixin_43342105的博客
01-17 293
问题 访问自己springboot项目的登录页面 结果发现 没登录 的时候登录页面的 静态文件加载不出来，一但登录之后再返回登录页面才能加载。 于是我考虑到肯定是登录拦截器，拦截了 解决 加上excludePathPatterns方法把你不想过滤的文件写上去 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值