springboot中的css樣式顯示不出

一.被springMVC攔截沒寫靜態(tài)釋放(對應(yīng)全部頁面css沒有)

在@Configuration注解類中

1.WebMvcConfigurationAdapter 在spring boot 2.0被廢棄

@Configuration 
public class MyMvcConfig implements WebMvcConfigurer

寫implements WebMvcConfigurer

2019 7月最近implements WebMvcConfigurer會報錯如果不把所有方法都引入進來
但是寫進來了有會攔截頁面我也是無語，一更新我就看不懂了，只有寫靜態(tài)資源釋放
了，沒找到有效辦法。

2.如果是WebMvcConfigurationSupport那就要寫 

（以下代碼就復(fù)制@Configuration注解類里面）

//靜態(tài)資源釋放
 public void addResourceHandlers(ResourceHandlerRegistry registry) {
       registry.addResourceHandler("/**")
                .addResourceLocations("classpath:/static/");
    }

3.WebMvcConfigurer就約等于以前的WebMvcConfigurationAdapter（自己認(rèn)為）

就不用寫靜態(tài)配置不過這個是implements 而WebMvcConfigurationSupport是繼承

二.自己構(gòu)造了攔截器(對應(yīng)部分頁面css沒有)

記得要排除攔截寫全，css也會被攔截，記得要排除靜態(tài)資源文件夾比如"/asserts/**" 

（css放到哪個文件夾里就排除哪個文件夾）

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

（以下代碼就復(fù)制@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標(biāo)簽用href，模板引擎用th:href，要改成th:href，不要用href。

使用了模板引擎,但是css引入沒用模板引擎（這里會導(dǎo)致http://localhost:8080/1有css,http://localhost:8080/1/2無css）

Springboot無法加載css樣式，項目報錯Could not find the original style sheet.

最近在 給公司做一個系統(tǒng)，使用了springboot框架，同時也遇到了一些大坑

在網(wǎng)上找到了一個好看的模版的，（非前后端的分離）但是無法加載css和image的文件

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

但是沒配置完成是這樣的，

有沒有想砸電腦的沖動呀 寶寶們

現(xiàn)在我告訴大家怎么回事

1.打開瀏覽器的F12功能 你發(fā)現(xiàn)都是css報404

這是為什么呢？

因為你配置application的時候已經(jīng)配置請求去找template下的靜態(tài)資源了 你的css js已經(jīng)放在static下了所以

2.html頁面中的引用一定不要加上static 直接是static下的js/你所引用的.js千萬不要加static 以前spring的時候你可以把鼠標(biāo)放在這里點過去現(xiàn)在不需要。

這是正確的哦

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。 

最新評論