Resource interpreted as Stylesheet but transferred with MIME type text/html: css失效

  • 异常信息:

Resource interpreted as Stylesheet but transferred with MIME type text/html:

  • 可能原因

过滤器或者某个地方对所有的资源请求全部转为了text/html

  • 检查方式

利用浏览器查看请求头和响应头

  • 主要检查请求头和响应头的content type

样式表应是text/css,并且向服务器发送请求和之后服务器对客户端的响应都应该是text/css;

我个人在项目中遇到的问题就是利用过滤器对所有请求进行编码统一时,将css文件也进行了处理

修改之前的过滤器代码为

      System.out.println("**********AllFilter开始工作*********");
        HttpServletRequest request=(HttpServletRequest)req;
        HttpServletResponse response=(HttpServletResponse)res;
       response.setCharacterEncoding("text/html; charset=UTF-8");
  • 处理方法

应该对请求进行分类,当为一些css等一类文件就以原来的方式请求进行,不做处理,其它的请求再作处理,修改后代码如下:

        System.out.println("**********AllFilter开始工作*********");
        HttpServletRequest request=(HttpServletRequest)req;
        HttpServletResponse response=(HttpServletResponse)res;

        String url=request.getRequestURI();
        System.out.println("url:" +url);
        if(url.indexOf(".css")>0||url.indexOf(".js")>0||url.indexOf(".png")>0) {
            chain.doFilter(request, response);
            return;
        }
        response.setContentType("text/html;text/html; charset=UTF-8");

原文地址:https://www.cnblogs.com/StevenZheng/p/10797887.html

时间: 2024-10-11 05:20:46

Resource interpreted as Stylesheet but transferred with MIME type text/html: css失效的相关文章

springBoot+thymeleaf遇到Resource interpreted as Stylesheet but transferred with MIME type text/plain

如果你在项目中使用了拦截器,那么你的拦截器配置就应该排除拦截css静态资源,如下图所示: 这样浏览器控制台上就不会出现Resource interpreted as Stylesheet but transferred with MIME type text/plain提示了,页面也能恢复正常了. 原文地址:https://www.cnblogs.com/JerryTomcat/p/11721258.html

nginx - Resource interpreted as Stylesheet but transferred with MIME type text/plain

在部署前端项目的时候,网站跑起来了,可就是css样式没加载出来,查看css文件也已经load进来,被坑了3个小时终于发现问题所在: nginx.conf中添加下面两行配置即可,可参考nginx默认配置文件 include mime.types; default_type application/octet-stream; 如果不设置css文件就会被当作text/plain类型发送到浏览器.从而导致css样式无法显示

Resource interpreted as Script but transferred with MIME type text/html

在搭建后台的时候,页面突然报错: Resource interpreted as Script but transferred with MIME type text/html 导致页面Js效果错乱, Google 一番之后,大部分都是修改注册表之类,而我的注册表不需要修改. 这是之前找的文章: http://stackoverflow.com/questions/12003107/resource-interpreted-as-script-but-transferred-with-mime-

odoo 错误 Resource interpreted as Stylesheet but transferred with MIME type application/x-css:

odoo8   页面内容显示一半,  web 控制台显示错误 Resource interpreted as Stylesheet but transferred with MIME type application/x-css: 解决方法: D:\workspace\mtlcs_odoo\odoo\addons\web\static\src\css\full.css文件在开头加上 一行 @charset "UTF-8"; pos模块进入开发模式,也显示同样的错误,解决方法一样,也是在

Resource interpreted as Stylesheet but transferred with MIME type application/x-css

用tornado做了一个简单的页面.结果页面中的css被加载了,但是没有效果.用谷歌浏览器调试,说是Resource interpreted as Stylesheet but transferred with MIME type application/x-css.大概意思就是css文件被识别为样式表了,但是传输的时候是以application/x-css格式.这样就造成浏览器不能正常显示页面,css完全不起作用.原因就是,tornadod中的web.py在设置content_type时会调用

Chrome 报 Resource interpreted as Script but transferred with MIME type text/plain 警告的解决办法

http://www.2cto.com/os/201312/262437.html 安装了VS2012之后,chrome在加载页面的时候会报 Resource interpreted as Script but transferred with MIME type text/plain 的警告. 这是因为VS2012在安装的时候改了windows的注册表,将解析javascript的类型标示改成了text/plain,导致javascript被转换成了text/plain格式,但这并不影响jav

【Bug Summary】Resource interpreted as Script but transferred with MIME type text/html

昨天新开一个云服务器,把网站部署到IIS上,发现css和js都没有正常显示,检查后发现给出了这样一个警告: Resource interpreted as Script but transferred with MIME type text/html 目前问题已解决,方法如下: 将iis中上述的静态内容打勾即可. 方法可能不适用于其他人,仅提供一个解决思路.如果觉得有用,请点个赞,谢谢!

Resource interpreted as Stylesheet but transferred with MIME || DevTools failed to parse SourceMap:

最近在学SpringBoot,在整合Thymeleaf的时候,配置拦截器.教学上讲SpringBoot已经做好了静态资源映射,所以不需要特地去做排除拦截 以下代码就是我在做登录拦截的时候配置的拦截. @Overridepublic void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(new LoginHandleInterceptor()).addPathPatterns("/**")

解决“Resource interpreted as Document but transferred with MIME type application/json”问题

在上传图片时,使用ajax提交,返回的数据格式为json.在测试时发现IE浏览器中,上传图片后,没有显示图片,而是弹出一个提示:是否保存UploadImg.json文件:而在其他浏览器中正常. 在Chrome中调试后发现,图片上传成功后,浏览器给出了一个警告:Resource interpreted as Document but transferred with MIME type application/json. 原来后台代码在返回json数据时,响应数据的ContentType默认为"a