前端之坑：Resource interpreted as Stylesheet but transferred with MIME type text/html: “＜URL＞“. css样式失效

最新推荐文章于 2022-05-20 14:53:06 发布

记或往

最新推荐文章于 2022-05-20 14:53:06 发布

阅读量368

点赞数

分类专栏： JavaWeb总结文章标签：过滤器 web css

本文链接：https://blog.csdn.net/xiaozhuzhuyang/article/details/114631535

版权

13 篇文章 3 订阅

订阅专栏

错误信息：如下
在这里插入图片描述
今天运行部署在tomcat上的web项目，之前css样式还好好的可以正常显示，今天运行时突然不显示了。检测idea后台也没有报错信息，打开浏览器控制台时候，发现了以上图片信息。

检查css文件确认都导入后，搜索了网上许多文章最后得到解决我的方法是：
在这里插入图片描述
删除掉jsp页面中的 :

<!DOCTYPE html>

后发现css样式又可以显示了，但是css样式显示了但是还是出现在这里插入图片描述

在过滤器中加入了一下 response.setContentType(“text/html;charset=UTF-8”); 这样css请求，在响应的时候也会被设置为text/html格式解析所以浏览器出现以上警告。

第一种：

String accept = request.getHeader("Accept");
response.setContentType(accept==null ? "text/html;charset=UTF-8":accept+";charset=UTF-8");

第二种：
单独写一个过滤器拦截 css @WebFilter("*.css")的请求
然后在过滤器中加上 response.setContentType("text/css;charset=UTF-8");

可以尝试一下上面两种方法！

关注