Question

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

但是，在部署应用程序后，在Chrome / Firefox中，UI会正确呈现。在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形式出现的。但是为什么？ enter image description here

Answer 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。然后它工作正常。

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

1 个答案: