Resource interpreted as Stylesheet but transferred with MIME type text/html： css失效

Posted 2021-11-25 stevenzheng

• 异常信息：

Resource interpreted as Stylesheet but transferred with MIME type text/html:

• 可能原因

过滤器或者某个地方对所有的资源请求全部转为了text/html

• 检查方式

利用浏览器查看请求头和响应头

• 主要检查请求头和响应头的content type 

样式表应是text/css,并且向服务器发送请求和之后服务器对客户端的响应都应该是text/css;

我个人在项目中遇到的问题就是利用过滤器对所有请求进行编码统一时，将css文件也进行了处理

修改之前的过滤器代码为

　　　　　　System.out.println("**********AllFilter开始工作*********");
        HttpServletRequest request=(HttpServletRequest)req;
        HttpServletResponse response=(HttpServletResponse)res;
       response.setCharacterEncoding("text/html; charset=UTF-8");

 

• 处理方法

应该对请求进行分类，当为一些css等一类文件就以原来的方式请求进行，不做处理，其它的请求再作处理，修改后代码如下：

        System.out.println("**********AllFilter开始工作*********");
        HttpServletRequest request=(HttpServletRequest)req;
        HttpServletResponse response=(HttpServletResponse)res;

        String url=request.getRequestURI();
        System.out.println("url:" +url);
        if(url.indexOf(".css")>0||url.indexOf(".js")>0||url.indexOf(".png")>0) {
            chain.doFilter(request, response);
            return;
        }
        response.setContentType("text/html;text/html; charset=UTF-8");