cxg518 发表于 2017-2-28 09:06:58

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;
      }
  问题解决。
页: [1]
查看完整版本: ie9 SEC7113: CSS 因 Mime 类型不匹配而被忽略