Java非法字符过滤Filter引发样式表MIME类型不支持问题

错误原因 #

你的Filter当前对所有请求生效，包括CSS、JS、图片等静态资源。当静态资源请求被FilteredRequest包装后，容器处理静态资源的流程被干扰，导致无法正确识别资源的MIME类型，从而触发"Refused to apply style from '' because its MIME type ('') is not a supported stylesheet MIME type"错误。

另外你的removeUntrustChars方法存在小问题：HTML实体缺少分号（比如&gt应该是>），单引号替换成&quot也不符合规范（应该用'），不过这不是当前MIME错误的直接原因，但建议修正。

解决方案 #

1. 跳过静态资源请求，仅过滤业务请求 #

修改doFilter方法，添加判断逻辑，对静态资源直接放行，不使用自定义请求包装：

public void doFilter (ServletRequest request,ServletResponse response,FilterChain chain) {
    try{
        HttpServletRequest req = (HttpServletRequest) request;
        String uri = req.getRequestURI();
        
        // 定义需要跳过的静态资源后缀
        String[] staticSuffixes = {".css", ".js", ".png", ".jpg", ".jpeg", ".gif", ".ico", ".svg"};
        boolean isStaticResource = false;
        for(String suffix : staticSuffixes){
            if(uri.endsWith(suffix)){
                isStaticResource = true;
                break;
            }
        }
        
        // 如果是静态资源，直接放行；否则使用过滤后的请求
        if(isStaticResource){
            chain.doFilter(request, response);
        } else {
            RequestFilter.FilteredRequest filteredRequest = new RequestFilter.FilteredRequest(request);
            System.out.println("called---"+req.getRequestURI());
            chain.doFilter(filteredRequest, response);
        }
    }
    catch (IOException io){
        System.out.println("IOException raised");
    }
    catch (ServletException se){
        System.out.println("ServletException raised");
    }
}

也可以根据静态资源所在目录判断，比如你代码中注释的路径规则：

boolean isStaticResource = req.getRequestURI().contains("resource") 
                          || req.getRequestURI().contains("img") 
                          || req.getRequestURI().contains("favicon");

2. 修正HTML实体转义的错误 #

修改removeUntrustChars方法，补充实体的分号，并修正单引号的转义：

private String removeUntrustChars(String value) {
    if(value != null && value.length()>0){
        value = value.replaceAll(">",">");
        value = value.replaceAll("<","&lt;");
        value = value.replaceAll("\"","&quot;"); 
        value = value.replaceAll("'","&apos;"); 
        value = value.replaceAll(";"," ");  
        value = value.replaceAll("-"," "); 
    }  
    return value;
}

额外说明 #

• 过滤器的核心作用是过滤业务请求的参数和Cookie，静态资源本身不需要这类处理，跳过它们既能解决MIME类型问题，也能提升静态资源的加载效率。
• 若后续仍有问题，可检查web.xml中Filter的映射规则，确保没有过度拦截静态资源路径。

内容的提问来源于stack exchange，提问作者d_p