SEC7113:由于mime类型不匹配,CSS被忽略

Red*_*ddy 3 html css internet-explorer tomcat mime-types

我正在开发一个Jsp-Servlet应用程序.我使用Eclipse和Default Tomcat 7部署了应用程序.

但是,在部署应用程序后,在Chrome/Firefox中,UI会正确呈现.IE10或更高版本中的位置在控制台中显示此警告,并且未加载任何UI元素.

SEC7113: CSS was ignored due to mime type mismatch
Run Code Online (Sandbox Code Playgroud)

这是css文件的引用方式

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <link rel="shortcut icon" href="images/rpt.ico" type="image/x-icon">
        <link href="css/custom.css" rel="stylesheet" type="text/css" />
    </head>
...............
</html>
Run Code Online (Sandbox Code Playgroud)

我该如何解决这个问题?

更新如果我在兼容模式下运行网站,它可以正常渲染.但即使没有启用它,我应该如何使其工作.

我可以看到Type不是以text/css形式出现的.但为什么? 在此输入图像描述

Red*_*ddy 7

好,

我发现从服务器端[tomcat]无法做到,并尝试使用web.xml.然后我找到了一个使用过滤器实现的解决方法

   @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest) req;
        HttpServletResponse response = (HttpServletResponse) res;
        if(request.getHeader("accept")!=null && request.getHeader("accept").contains("css")){
            response.setHeader("Content-Type", "text/css");
        }
        chain.doFilter(req, response);
    }
Run Code Online (Sandbox Code Playgroud)

我明确设置text/css了css请求.然后它工作正常.