快捷導(dǎo)航

springboot themaleaf 第一次進(jìn)頁(yè)面不加載css的問題

更新時(shí)間：2022年10月26日 16:45:39 作者：心寒丶

這篇文章主要介紹了springboot themaleaf 第一次進(jìn)頁(yè)面不加載css的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

springboot themaleaf 第一次進(jìn)頁(yè)面不加載css

近期在做springboot +themaleaf項(xiàng)目中遇到首頁(yè)css樣式不加載情況，后來發(fā)現(xiàn)是注冊(cè)攔截器時(shí)沒有加入css樣式，下邊是最開始代碼

 public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor( new LoginHandleInterceptor()).addPathPatterns("/**")
                .excludePathPatterns("/index.html",  // 排除掉首頁(yè)請(qǐng)求
                        "/",              // 排除掉首頁(yè)請(qǐng)求
                     ) ;
 
        //registry.addInterceptor(new HandlerInterceptor()).
 
    }

第一次訪問登錄頁(yè)面的時(shí)候，對(duì)應(yīng)的js css唄攔截器攔截，就沒有加載，只需要把對(duì)應(yīng)的css，jquery等放入到攔截器中就可以了

 public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor( new LoginHandleInterceptor()).addPathPatterns("/**")
                .excludePathPatterns("/index.html",  // 排除掉首頁(yè)請(qǐng)求
                        "/",              // 排除掉首頁(yè)請(qǐng)求
                        "/user/login",  
                        "/asserts/css/*.css",
                        "/asserts/img/*.svg",
                        "/asserts/js/*.js",
                        "/webjars/bootstrap/4.1.1/css/*.css",
                         "/mancenter/*",
                        "/error", "/asserts/lib/jquery/*","/asserts/lib/*.js") ;
 
        //registry.addInterceptor(new HandlerInterceptor()).
 
    }

springboot themaleaf 各種報(bào)錯(cuò)問題

1.訪問themaleaf頁(yè)面報(bào)錯(cuò)

Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.

Mon Jun 24 11:08:43 CST 2019
There was an unexpected error (type=Not Found, status=404).
No message available

錯(cuò)誤1：

調(diào)試時(shí)加入了WebMvcConfig類

package com.feilong.Reptile.config;
 
import org.springframework.stereotype.Component;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
 
/**
 * 配置靜態(tài)資源映射
 *
 * @author sunziwen
 * @version 1.0
 * @date 2018-11-16 14:57
 **/
@Component
public class WebMvcConfig implements WebMvcConfigurer {
    /**
     * 添加靜態(tài)資源文件，外部可以直接訪問地址
     *
     * @param registry
     */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    }
}

刪除這個(gè)類后還是報(bào)錯(cuò)，猜測(cè)可能是包路徑問題，重新建立個(gè)新項(xiàng)目，將舊項(xiàng)目轉(zhuǎn)移后，沒有再報(bào)錯(cuò)。

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

您可能感興趣的文章: