html – SEC7113:由于mime类型不匹配而忽略了CSS

前端之家收集整理的这篇文章主要介绍了html – SEC7113:由于mime类型不匹配而忽略了CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个Jsp-Servlet应用程序.
我使用 Eclipse和Default Tomcat 7部署了应用程序.

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

  1. SEC7113: CSS was ignored due to mime type mismatch

这是css文件的引用方式

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Test</title>
  5. <link rel="shortcut icon" href="images/rpt.ico" type="image/x-icon">
  6. <link href="css/custom.css" rel="stylesheet" type="text/css" />
  7. </head>
  8. ...............
  9. </html>

我该如何解决这个问题?

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

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

解决方法

好,

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

  1. @Override
  2. public void doFilter(ServletRequest req,ServletResponse res,FilterChain chain) throws IOException,ServletException {
  3. HttpServletRequest request = (HttpServletRequest) req;
  4. HttpServletResponse response = (HttpServletResponse) res;
  5. if(request.getHeader("accept")!=null && request.getHeader("accept").contains("css")){
  6. response.setHeader("Content-Type","text/css");
  7. }
  8. chain.doFilter(req,response);
  9. }

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

猜你在找的HTML相关文章