Resource interpreted as Stylesheet but transferred with MIME type text/html 解决方式

前提

此解决方法适用于因全局过滤器导致的问题


问题介绍

问题效果是:
CSS文件访问到,但是HTML本身没有加载样式,并且浏览器控制台输出Resource interpreted as Stylesheet but transferred with MIME type text/html的字样


问题原因

使用Servlet时,由于需要每次给request和response设置编码格式,从而使用了一个全局的过滤器,将每次的请求的数据变为 text/html 导致CSS文件无法解析。
类似于下面的代码情况

//xml配置
<filter-mapping>
        <filter-name>MyFilter</filter-name>
        <url-pattern>/*</url-pattern>
</filter-mapping>
//java配置
  public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {
        //        设置请求编码格式
        req.setCharacterEncoding("utf-8");  //post 改变(请求实体)
        //        设置响应编码格式
        resp.setContentType("text/html;charset=utf-8");
        chain.doFilter(req, resp);
    }

解决

增加一个专门解析css文件的过滤器,并将响应格式改为 text/css即可

//新xml配置
<filter-mapping>
        <filter-name>FilterCss</filter-name>
        <url-pattern>*.css</url-pattern>
</filter-mapping>
//新java配置
  public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {
        //        设置请求编码格式
        req.setCharacterEncoding("utf-8");  //post 改变(请求实体)
        //        设置响应编码格式
       resp.setContentType("text/css;charset=utf-8");//修改响应编码
        chain.doFilter(req, resp);
    }
  • 13
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 15
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值