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);
    }