2013-09-30 46 views
3

我正在开发一个Jsp-Servlet应用程序。 我使用默认Tomcat 7使用Eclipse部署了应用程序。SEC7113:由于MIME类型不匹配,CSS被忽略

但是,在部署应用程序之后,在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

回答

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请求解决方法。然后它工作正常。