SpringBoot无法访问静态资源文件CSS、Js问题

在做一个关于基于IDEA+SpringBoot+Mave+Thymeleaf的系统实现实验时候遇到了这个问题一直无法解决 后来看到一篇博客终于解决了。

springboot项目在自动生成的时候会有两个文件夹,一个是static,一个是templates,如果我们使用

bash 复制代码
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

来进行页面的跳转,默认情况下我们是将html页面放置在templates的文件夹下,css、js、img放置在static文件夹下。

1、先检查文件存放位置是否正确

2、在放置java文件的目录下创建文件InterceptorConfig.java

springboot在2.+时,我们需要配置一个静态资源映射(非常关键),同时此操作可以进行拦截器的扩展,具体不在这里说明,注意要继承WebMvcConfigurationSupport !

代码如下

java 复制代码
package org.example.demo4;

import org.springframework.boot.SpringBootConfiguration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport;

@SpringBootConfiguration
public class InterceptorConfig extends WebMvcConfigurationSupport {


    @Override
    protected void addResourceHandlers(ResourceHandlerRegistry registry) {
        //        静态资源映射
        registry.addResourceHandler("/").addResourceLocations("/**");
        registry.addResourceHandler("/**").addResourceLocations("classpath:/static/");
    }

}

3、不要在配置文件中配置默认的静态文件路径

有的话删除,application.properties文件大致如下

4、引入CSS的方式

html 复制代码
 <link rel="stylesheet" th:href="@{/rehisterstyle.css}">

不要加/static/前缀

到这这个问题基本就解决了。

相关推荐
代码充电宝25 分钟前
LeetCode 算法题【简单】283. 移动零
java·算法·leetcode·职场和发展
caibixyy2 小时前
Spring Boot 整合 Redisson 实现分布式锁:实战指南
spring boot·分布式·后端
码事漫谈3 小时前
C++编程陷阱:悬空引用检测方法与防范指南
后端
码事漫谈3 小时前
缓存友好的数据结构设计:提升性能的关键技巧
后端
ccccczy_3 小时前
Spring Security 深度解读:JWT 无状态认证与权限控制实现细节
java·spring security·jwt·authentication·authorization·securityfilterchain·onceperrequestfilter
Lin_Aries_04213 小时前
容器化 Tomcat 应用程序
java·linux·运维·docker·容器·tomcat
sheji34163 小时前
【开题答辩全过程】以 springboot高校社团管理系统的设计与实现为例,包含答辩的问题和答案
java·spring boot·后端
Terio_my4 小时前
Spring Boot 集成 Redis 缓存解决方案
spring boot·redis·缓存
zzywxc7874 小时前
大模型落地实践指南:从技术路径到企业级解决方案
java·人工智能·python·microsoft·golang·prompt
相与还4 小时前
IDEA+SpringBoot实现远程DEBUG到本机
java·spring boot·intellij-idea