CSS 样式不能正常加载

发现页面的样式没有显示,报错信息如下:

Resource interpreted as Stylesheet but transferred with MIME type text/html: “http://localhost:8080/curd/asserts/css/signin.css”.

原因

之前写原生 jsp + servlet 的时候也遇到过这个问题,当时是因为Filter过滤器。原文:
【JavaWeb】已解决:Resource interpreted as Stylesheet but transferred with MIME type text/html

这次用 SpringBoot 又遇到了同样的问题,所以直接猜测,是因为添加了Intercepter拦截器。

解决方式

在addinterceptors方法 excludePathPatterns中排除了项目的资源路径,重启项目,OK,效果图:

附,拦截器代码:

原有拦截器:

//所有的WebMvcConfigureAdapter组件会一起起作用@Bean//将组件注册在容器@SuppressWarnings("all")public WebMvcConfigurerAdapter webMvcConfigurerAdapter() {WebMvcConfigurerAdapter adapter = new WebMvcConfigurerAdapter() {@Overridepublic void addViewControllers(ViewControllerRegistry registry) {registry.addViewController("/").setViewName("login");registry.addViewController("/index.html").setViewName("login");registry.addViewController("/main.html").setViewName("dashboard");}//注册拦截器@Overridepublic void addInterceptors(InterceptorRegistry registry) {//                super.addInterceptors(registry);//拦截所有,手动放行部分//静态资源不需要处理,可以正常访问。springboot已经做好了静态资源映射registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/**").excludePathPatterns("/index.html","/","/user/login");}};return adapter;}

修改后:

    //所有的WebMvcConfigureAdapter组件会一起起作用@Bean//将组件注册在容器@SuppressWarnings("all")public WebMvcConfigurerAdapter webMvcConfigurerAdapter() {WebMvcConfigurerAdapter adapter = new WebMvcConfigurerAdapter() {@Overridepublic void addViewControllers(ViewControllerRegistry registry) {registry.addViewController("/").setViewName("login");registry.addViewController("/index.html").setViewName("login");registry.addViewController("/main.html").setViewName("dashboard");}//注册拦截器@Overridepublic void addInterceptors(InterceptorRegistry registry) {//                super.addInterceptors(registry);//拦截所有,手动放行部分//静态资源不需要处理,可以正常访问。springboot已经做好了静态资源映射registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/**").excludePathPatterns("/","login","/login", "/login.html", "/user/login", "/**/*.css", "/**/*.js", "/**/*.png","/**/*.jpg","/**/*.jpeg", "/**/*.gif", "/**/fonts/*", "/**/*.svg","/**/*.ico","/**/*.map");}};return adapter;}

【SpringBoot】浏览器报错Resource interpreted as Stylesheet but transferred with MIME type text/html相关推荐

  1. Resource interpreted as Stylesheet but transferred with MIME type text/html: “**.jsp“,主要因为拦截器将所有资源拦截

    1. 问题描述 网页内容正常加载,但是没有样式,而且样式路径是正确的,F12打开控制台看到提示"Resource interpreted as Stylesheet but transfer ...

  2. CSS文件未加载浏览器报警告:Resource interpreted as Stylesheet but transferred with MIME type text/html...

    JavaWeb项目中CSS样式丢失 问题:bootstrap.css未完成加载,但响应正常 错误定位:filter过滤器写了一句response.setContentType("text/h ...

  3. 【JavaWeb】已解决:Resource interpreted as Stylesheet but transferred with MIME type text/html

    跑了一下两个月之前写的项目,结果出现: 是因为Filter过滤器误伤到了css,注释掉就好了.

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

    用tornado做了一个简单的页面.结果页面中的css被加载了,但是没有效果.用谷歌浏览器调试,说是Resource interpreted as Stylesheet but transferred ...

  5. Resource interpreted as Script but transferred with MIME type text/plain:

    我用script做ajax跨域,请求返回的是个文本字符串,chrome提示: Resource interpreted as Script but transferred with MIME type ...

  6. 关于错误Resource interpreted as Script but transferred with MIME type text_html

    Created by Jerry Wang, last modified on Aug 03, 2014 某ui component里的javascript不work,通过Chrome F12 Con ...

  7. easyui提交form数据显示Resource interpreted as Document but transferred with MIME type application/json问题

    今天在用easyui写一个提交表单数据时候,碰到了浏览器提示Resource interpreted as Document but transferred with MIME type applic ...

  8. 解决 springboot 启动报错 -- Cannot determine embedded database driver class for database type NONE

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 问题描述 我只是新建一个全新的 springboot 工程,什么都没有写的情况下启动报错如题: ...

  9. SpringBoot项目报错Cannot determine embedded database driver class for database type NONE

    原因: Cannot determine embedded database driver class for database type NONE 这是因为spring boot默认会加载org.s ...

最新文章

  1. AI Drive 直播 | Objects365物体检测及CrowdHuman人体检测挑战赛线上颁奖
  2. java action的头文件注释_有没有java大神,帮我详细注释下面的代码,action里面复制来的...
  3. android实现模拟自动点击_昆仑通态专题(十三):模拟实现全自动洗衣机系统的设计(案例)...
  4. aws dynamodb_AWS Lambda将数据保存在DynamoDB中
  5. 使用Spring MVC应用程序配置嵌入式H2控制台
  6. 计算机英语bane,英语单词bane是什么意思,英文单词查询bane,在线单词bane翻译...
  7. 攻击者利用Python 勒索软件加密 VMware ESXi 服务器
  8. eas库存状态调整单不能反审核_把握 商品 周转,做好 动态 库存 管理
  9. js操作url的常用函数
  10. lambdaQuery中EQ、NE、GT、LT、GE、LE的用法 (来自网络收集)
  11. PostgreSQL DELETE 大表性能 explain 测试
  12. 软件各种系统架构图【转】
  13. 华为NP课程笔记18-DHCP
  14. [小甲鱼]汇编语言笔记 基础知识
  15. PDF.JS PDF文件预览插件
  16. 我的盖洛普“优势识别器”测试证书
  17. nodejs生成uid
  18. 安卓开机画面_为了安卓系统,入手文石BOOX Poke Pro电子书阅读器
  19. IOS swift开发——获取设备定位信息
  20. 为什么亚马逊AWS EC2 ping会不通

热门文章

  1. CodeForces - 1245C Constanze's Machine(思维+找规律)
  2. HDU - 5876 Sparse Graph(bfs+set)
  3. HDU4099(斐波那契数列与字典树)
  4. PE文件结构详解(五)延迟导入表
  5. VC2008中处理CStatic控件的单击STN_CLICKED消息
  6. Sql Server事务日志
  7. cocos2d-x游戏实例(22)-纵版射击游戏(9)
  8. 网狐棋牌(二) CQueueServiceEvent初步分析
  9. 网络编程释疑之:单台服务器上的并发TCP连接数可以有多少
  10. sockaddr与sockaddr_in的区别