SpringBoot2.x｜Thymeleaf頁面不能正常載入css、js文件

1、實現實現WebMvcConfig配置類可以解決頁面不能加載css,js的問題；

擴展SpringMvc，編寫一個配置類（@Configuration），是WebMvcConfigurationAdapter抽象類類型（WebMvcConfigurer 接口類型的），且不能標注@EnableWebMvc
如果SpringBoot本身的自動配置不能滿足自己的需求，就需要擴展SpringMVC配置文件。WebMvcConfigurer可以擴展SpringMvc的功能。

package com.bie.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

/**
 *
 */
@Configuration
public class SpringMvcWebConfigSupport implements WebMvcConfigurer {

    /**
     * 默認訪問的是首頁 //保留了SpringBoot的自動配置，也使用了自己的SpringMmv的配置
     * @param registry
     */
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");//前拼templates，后拼.html
        registry.addViewController("/index.html").setViewName("index");//瀏覽器發送/請求來到login.html頁面，不用寫controller控制層的請求方法了
    }

    /**
     * 將static下面的js，css文件加載出來
     * @param registry
     */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        //registry.addResourceHandler("/static/").addResourceLocations("classpath:/static/");
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    }
}

因為在SpringBoot的2.x新版本中WebMvcConfigurerAdapter （使用WebMvcConfigurerAdapter可以來擴展SpringMVC的功能）配置類已經不推薦使用了，可以使用WebMvcConfigurer 或者WebMvcConfigurationSupport來配置自己的配置信息。

//package com.bie.config;
//
//import org.springframework.context.annotation.Configuration;
//import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
//import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
//
///**
// * WebMvcConfigurerAdapter類已經不推薦使用了
// */
//@Configuration
//public class SpringMvcWebConfig extends WebMvcConfigurerAdapter {
//
////    @Override
////    public void addViewControllers(ViewControllerRegistry registry) {
////        //瀏覽器發送請求到到指定的頁面
////        registry.addViewController("/").setViewName("index");
////    }
//
//    public WebMvcConfigurerAdapter webMvcConfigurerAdapter(){
//        WebMvcConfigurerAdapter adapter = new WebMvcConfigurerAdapter(){
//            @Override
//            public void addViewControllers(ViewControllerRegistry registry) {
//                registry.addViewController("/").setViewName("index");
//            }
//        };
//        return adapter;
//    }
//}

 

待續......