SEC7113：由于 mime 类型不匹配，CSS 被忽略答案

【问题标题】：SEC7113: CSS was ignored due to mime type mismatchSEC7113：由于 mime 类型不匹配，CSS 被忽略
【发布时间】：2013-10-05 21:36:15
【问题描述】：

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

但是，在部署应用程序后，在 Chrome/Firefox 中，用户界面会正确呈现。在 IE10 或更高版本中，在控制台中显示此警告并且没有加载任何 UI 元素。

SEC7113: CSS was ignored due to mime type mismatch

这是引用 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>

我该如何解决这个问题？

更新如果我在兼容模式下运行网站，它的渲染效果很好。但是即使没有启用，我应该如何让它工作。

我可以看到 Type 不是以 text/css 形式出现的。但为什么呢？

【问题讨论】：

标签： html css internet-explorer tomcat mime-types

【解决方案1】：

好的，

我发现从服务器端 [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);
    }

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

【讨论】：