Java设置Filter过滤了CSS等静态文件的问题

Filter简介

在Java程序当中我们可以设置filter过滤器，filter过滤器是Servlet技术中最实用的技术，Web开发人员通过Filter技术，对web服务器管理的所有web资源：例如Jsp, Servlet, 静态图片文件或静态 html 文件等进行拦截，从而实现一些特殊的功能。例如实现URL级别的权限访问控制、过滤敏感词汇、压缩响应信息等一些高级功能。

Filter功能

在HttpServletRequest到达 Servlet 之前，拦截客户的HttpServletRequest 。根据需要检查HttpServletRequest，也可以修改HttpServletRequest 头和数据。
在HttpServletResponse到达客户端之前，拦截HttpServletResponse 。根据需要检查HttpServletResponse，也可以修改HttpServletResponse头和数据。

Filter接口中有一个doFilter方法，我们可以使用这个方法去拦截web资源，Web服务器每次在调用web资源的service方法之前，都会先调用一下filter的doFilter方法。

问题

但是当我使用filter拦截/*的url时，jsp文件文件是使用link外部导入css文件的方式去设置页面的格式。但是当我运行程序之后并没有出现CSS写好的样式。出现Resource interpreted as Stylesheet but transferred with MIME type text/html

我的代码：

@WebFilter("/manage/*")
public class AdminLogin implements Filter {

    /**
     * Default constructor. 
     */
    public AdminLogin() {
        // TODO Auto-generated constructor stub
    }

    /**
     * @see Filter#destroy()
     */
    public void destroy() {
        // TODO Auto-generated method stub
    }

    /**
     * @see Filter#doFilter(ServletRequest, ServletResponse, FilterChain)
     */
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        HttpServletRequest req = (HttpServletRequest)request;
        HttpServletResponse resp = (HttpServletResponse)response;

        req.setCharacterEncoding("UTF-8");
        resp.setContentType("text/html;charset=utf-8");


        HttpSession session = req.getSession();

        String flag = (String)session.getAttribute("isAdminLogin");

        String request_uri = req.getRequestURI();
        String ctxPath= req.getContextPath();
        String uri= request_uri.substring(ctxPath.length());

    //    System.out.println(request_uri+"##"+ctxPath+"##"+uri+"##"+flag);
            if(uri.contains("admin_")){
                if(flag !=null && flag.equals("1")) {
                    chain.doFilter(req, resp);
                }else{
                    PrintWriter out = resp.getWriter();
                    out.write("<script>");
                    out.write("alert('请先登录！');");
                    out.write("location.href='login.jsp';");
                    out.write("</script>");
                    out.close();
                    return;
                }
            }else{
                chain.doFilter(req, resp);    
            }
        return;

         //不通过则直接return
        // pass the request along the filter chain
    //    chain.doFilter(req, resp); // 通过则使用这条语句
    }

    /**
     * @see Filter#init(FilterConfig)
     */
    public void init(FilterConfig fConfig) throws ServletException {
        // TODO Auto-generated method stub
    }

}

问题解决

我去查看了控制台（F12），在网络中明明已经出现了需要的common.css和main.css文件，但是页面却没有使用。并且下面出现了Resource interpreted as Stylesheet but transferred with MIME type text/html:代码警告。

我在查看请求到的CSS文件的请求头时发现这些CSS文件返回的类型都是text/html类型。

这是我在网上查找方法时参考的博客：

• https://www.cnblogs.com/StevenZheng/p/10797887.html
• https://www.cnblogs.com/ermeng/p/6440966.html
• https://blog.csdn.net/sky_cui/article/details/86703706
• https://www.cnblogs.com/zhenmingliu/p/3522731.html

原因：

我出现的问题应该是filter进行拦截时将js,css,jpg等外部导入的静态文件也进行了拦截，并且在filter中使用/*拦截，而且使用了response.setContentType("text/html;charset=utf-8")去将文件类型度修改成了text/html的原因。

所以我修改过的代码如下：

@WebFilter("/manage/*")
public class AdminLogin implements Filter {

    /**
     * Default constructor. 
     */
    public AdminLogin() {
        // TODO Auto-generated constructor stub
    }

    /**
     * @see Filter#destroy()
     */
    public void destroy() {
        // TODO Auto-generated method stub
    }

    /**
     * @see Filter#doFilter(ServletRequest, ServletResponse, FilterChain)
     */
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        HttpServletRequest req = (HttpServletRequest)request;
        HttpServletResponse resp = (HttpServletResponse)response;

        req.setCharacterEncoding("UTF-8");
        /*这里设置response的类型我删除了*/
        /*resp.setContentType("text/html;charset=utf-8");*/
        resp.setCharacterEncoding("utf-8");

        HttpSession session = req.getSession();

        String flag = (String)session.getAttribute("isAdminLogin");

        String request_uri = req.getRequestURI();
        String ctxPath= req.getContextPath();
        String uri= request_uri.substring(ctxPath.length());

    //    System.out.println(request_uri+"##"+ctxPath+"##"+uri+"##"+flag);
        /*这里我增加了url判断，对静态文件直接放行*/
        if(request_uri.toString().contains(".css") || request_uri.toString().contains(".js") || request_uri.toString().contains(".png")|| request_uri.toString().contains(".do")){
            //如果发现是css或者js文件，直接放行
            chain.doFilter(req, resp);
        }else {

            if(uri.contains("admin_")){
                if(flag !=null && flag.equals("1")) {
                    chain.doFilter(req, resp);
                }else{
                    PrintWriter out = resp.getWriter();
                    out.write("<script>");
                    out.write("alert('请先登录！');");
                    out.write("location.href='login.jsp';");
                    out.write("</script>");
                    out.close();
                    return;
                }
            }else{
                chain.doFilter(req, resp);    
            }
        }
        return;

         //不通过则直接return
        // pass the request along the filter chain
    //    chain.doFilter(req, resp); // 通过则使用这条语句
    }

    /**
     * @see Filter#init(FilterConfig)
     */
    public void init(FilterConfig fConfig) throws ServletException {
        // TODO Auto-generated method stub
    }

}

现在出现了我需要的结果：

一起学习，一起进步 -.- ，如有错误，可以发评论