3

我正在开发一个 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 形式出现的。但为什么? 在此处输入图像描述

4

1 回答 1

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);
    }

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

于 2013-09-30T08:18:39.460 回答