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
	}

}

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

 

 

 

 

 

 

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