springboot中的css样式显示不出了的几种情况

 更新时间:2022年10月26日 15:16:25   作者:普通网友  
这篇文章主要介绍了springboot中的css样式显示不出了的几种情况,具有很好的的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

springboot中的css样式显示不出

一.被springMVC拦截没写静态释放(对应全部页面css没有)

在@Configuration注解类中

1.WebMvcConfigurationAdapter 在spring boot 2.0被废弃

@Configuration 
public class MyMvcConfig implements WebMvcConfigurer

写implements WebMvcConfigurer

2019 7月最近implements WebMvcConfigurer会报错如果不把所有方法都引入进来
但是写进来了有会拦截页面我也是无语,一更新我就看不懂了,只有写静态资源释放
了,没找到有效办法。

2.如果是WebMvcConfigurationSupport那就要写 

(以下代码就复制@Configuration注解类里面)

//静态资源释放
 public void addResourceHandlers(ResourceHandlerRegistry registry) {
       registry.addResourceHandler("/**")
                .addResourceLocations("classpath:/static/");
    }

3.WebMvcConfigurer就约等于以前的WebMvcConfigurationAdapter(自己认为)

就不用写静态配置不过这个是implementsWebMvcConfigurationSupport是继承

二.自己构造了拦截器(对应部分页面css没有)

记得要排除拦截写全,css也会被拦截,记得要排除静态资源文件夹比如"/asserts/**" 

(css放到哪个文件夹里就排除哪个文件夹)

.excludePathPatterns(“/”,“/index.html”,“/user/login”,“/asserts/**”);

(以下代码就复制@Configuration注解类里面)

@Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/**")
                .excludePathPatterns("/","/index.html","/user/login","/asserts/**");
    }

三.以上都查了

请检查

看是否配置了改写springMVC释放路径spring.mvc.static-path-pattern=

使用了模板引擎,但是css引入没用模板引擎,也会造成css404错误,就是在html标签用href,模板引擎用th:href,要改成th:href,不要用href。

使用了模板引擎,但是css引入没用模板引擎(这里会导致http://localhost:8080/1有css,http://localhost:8080/1/2无css)

Springboot无法加载css样式,项目报错Could not find the original style sheet.

最近在 给公司做一个系统,使用了springboot框架,同时也遇到了一些大坑

在网上找到了一个好看的模版的,(非前后端的分离)但是无法加载css和image的文件

今天跟大家分享一下我碰到的坑,正常界面是这样的。很美很漂亮吧。

但是没配置完成是这样的,

有没有想砸电脑的冲动呀 宝宝们

现在我告诉大家怎么回事

1.打开浏览器的F12功能 你发现都是css报404

这是为什么呢?

因为你配置application的时候已经配置请求去找template下的静态资源了 你的css js已经放在static下了所以

2.html页面中的引用一定不要加上static 直接是static下的js/你所引用的.js千万不要加static 以前spring的时候你可以把鼠标放在这里点过去现在不需要。

这是正确的哦

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。 

相关文章

  • SpringCloudStream中的消息分区数详解

    SpringCloudStream中的消息分区数详解

    这篇文章主要介绍了SpringCloudStream中的消息分区数,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • 基于spring cloud多个消费端重复定义feign client的问题

    基于spring cloud多个消费端重复定义feign client的问题

    这篇文章主要介绍了spring cloud多个消费端重复定义feign client的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2021-10-10
  • 解决spring boot启动扫描不到自定义注解的问题

    解决spring boot启动扫描不到自定义注解的问题

    这篇文章主要介绍了解决spring boot启动扫描不到自定义注解的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09
  • SpringBoot如何统一配置bean的别名

    SpringBoot如何统一配置bean的别名

    这篇文章主要介绍了SpringBoot如何统一配置bean的别名,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • Java中lambda表达式实现aop切面功能

    Java中lambda表达式实现aop切面功能

    本文主要介绍了Java中lambda表达式实现aop切面功能,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • JavaScript中new运算符的实现过程解析

    JavaScript中new运算符的实现过程解析

    这篇文章主要介绍了JavaScript中new运算符的实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • 一篇文章彻底搞懂面试中常被问的各种“锁”

    一篇文章彻底搞懂面试中常被问的各种“锁”

    这篇文章主要给大家介绍了关于面试中常被问的各种“锁”的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • JavaMe开发绘制文本框TextEdit

    JavaMe开发绘制文本框TextEdit

    在JavaMe连载(3)-也说MVC设计模式 一文中提到了一个TextEdit类,但没有给出具体实现,TextEdit是采用GameCanvas绘制的文本编辑器。本文结合实例给出实现的方法。
    2015-09-09
  • java中的实体类时间格式化

    java中的实体类时间格式化

    这篇文章主要介绍了java中的实体类时间格式化方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • java UDP实现一个聊天工具的示例代码

    java UDP实现一个聊天工具的示例代码

    这篇文章主要介绍了java UDP实现一个聊天工具的示例代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-01-01

最新评论