SpringBoot2.x|Thymeleaf页面不能正常载入css、js文件

Html
css及js文件引入最好采用绝对路径。


<link rel="stylesheet" th:href="@{~/static/css/reset.css}"/>
<link rel="stylesheet" th:href="@{~/static/layui/css/layui.css}"/>
<link rel="stylesheet" th:href="@{~/static/css/login/login.css}"/>

application.properties

spring.mvc.static-path-pattern=/static/**

在使用thymeleaf的layout布局时,css和js文件都放入主页中,引用的各个模块页面不需要添加css、js文件。

如果上面的配置都没用的话,需要实现WebMvcConfig配置类。

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

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    }
}

你可能感兴趣的:(SpringBoot)