当前位置: 首页 > news >正文

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

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

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

<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 !

代码如下

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的方式

 <link rel="stylesheet" th:href="@{/rehisterstyle.css}">

不要加/static/前缀

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

http://www.dtcms.com/a/121192.html

相关文章:

  • 未来 AI 发展趋势与挑战(AGI、数据安全、监管政策)
  • 2025 年 AI 编程新风向:从智能辅助到自主开发的跨越
  • 机器学习的下一个前沿是因果关系吗?
  • nginx介绍和几种安装方法
  • MCP协议介绍
  • Leetcode hot100 (day 8,9)
  • k8s node inode被耗尽如何处理?
  • 解决前后端时区不一致问题
  • Redis与Mysql双写一致性如何保证?
  • 图灵逆向——题十-魔改算法
  • Tigshop| 一个基于Java的开源商城系统
  • C++初级入门学习
  • Android里面如何优化xml布局
  • 应急物资仓库管理系统|基于GAV仓库管理的应用
  • 美*WMS项目总结
  • ​如何判断安捷伦气质联用仪GCMS 8890-5977B 四级杆是否需要更换​
  • Linux——进程概念
  • RTK 实时动态定位概述
  • Java 中 SQL 注入问题剖析​
  • TrueNAS scale(23.10) Restful API接口调用
  • LLM 为什么使用ID,每个单词不都是有编码的吗
  • vit中的位置编码,RoPE旋转位置编码,torch.nn.functional.embedding
  • 动态路由刷新后消失或重定向到404
  • CCF-GESP(编程能力等级认证)
  • openpyxl合并连续相同元素的单元格
  • RVOS-2.基于NS16550a ,为os添加终端交互功能。
  • 车载刷写架构 --- ECU收到相同的blockSequenceCounter数据包的思考
  • Java Collections 类中常用方法使用
  • Elasticsearch 系列专题 - 第二篇:数据建模与索引管理
  • Traefik应用:配置容器多个网络时无法访问问题