ie9 SEC7113: CSS 因 Mime 类型不匹配而被忽略

今天在ie9下碰到SEC7113: CSS 因 Mime 类型不匹配而被忽的问题，很诡异，css的内容能够读取但是浏览器就是不渲染，而启用ie8的文档模式则正常。报错见图。



现已解决，方案如下：

先check了link引用的方式，发现缺少type=text/css，加上后报错依旧。

然后根据http://blog.163.com/lihuangsuo@126/blog/static/3686389120112174544383/网上的这些文章，把mime的type类型手动加到服务器应用的web.xml下，依旧无效。

check了tomcat和jetty的conf下默认web.xml里的mime的类型是否正确，发现配置正常，但是不管是什么服务器都报错。

在chrome中发现warning



发现不管是css还是js的content-type都变成了text/plain

最后检查应用的response部分发现输出流前缺少设置content-type

String uri = request.getRequestURI();
if(uri.matches(".+(css|js|png|ico|swf)$")) {
String assetsRoot = getVelocityProperty(AppLoader.APP_LOADER_ASSETS_PATH, "/");
byte[] bytes = FileUtils.readFileToByteArray(new File(assetsRoot + uri));
ServletOutputStream outputStream = response.getOutputStream();
IOUtils.write(bytes, outputStream);
return;
}

于是手动设置content-type

String uri = request.getRequestURI();
if(uri.matches(".+(css|js|png|ico|swf)$")) {
String assetsRoot = getVelocityProperty(AppLoader.APP_LOADER_ASSETS_PATH, "/");
byte[] bytes = FileUtils.readFileToByteArray(new File(assetsRoot + uri));
response.setContentType(MimeHandler.getContentType(FilenameUtils.getExtension(uri)));
ServletOutputStream outputStream = response.getOutputStream();
IOUtils.write(bytes, outputStream);
return;
}

问题解决。