前端之坑:Resource interpreted as Stylesheet but transferred with MIME type text/html: “”. css样式失效
错误信息:如下
今天运行部署在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");
可以尝试一下上面两种方法!