SpringBoot静态资源CSS等修改后再运行无效的解决
SpringBoot静态资源CSS等修改后再运行无效问题
问题背景
在美化网页过程中，修改好CSS后在本地已经可以显示出我想要的效果了。于是就把修改好后的css加载到springboot中运行，结果问题出现了：我修改后的css样式始终不能加载！打开F12看到css样式成功的被请求，然后再进一步点进去看css文件，发现我修改的部分并没有加载，现在用的css还是我修改以前的css。这里我注意到一个细节，然后才明白是怎么回事
原来spring boot会把静态文件缓存到浏览器本地。但这样就造成了一个问题：如果服务器静态文件修改，浏览器端在未过期之前是不会重新加载文件的。此时需要通过版本号来控制。spring boot版本号支持两种，一种是文件md5，另一种是固定版本号。我采用的是md5方式，spring boot启动时会计算每个静态文件的md5值并缓存，浏览器访问时每个静态文件后缀前加上md5值作为版本号，如果服务器md5值改变则浏览器重新加载。（需要重启应用才会重新生成md5）
下面来设置md5方式
1、先设置文件配置application.properties
# 资源缓存时间，单位秒 spring.resources.cache.period=604800 # 开启gzip压缩 spring.resources.chain.compressed=true # 启用缓存 spring.resources.chain.cache=true # 使用MD5版本号 spring.resources.chain.strategy.content.enabled=true spring.resources.chain.strategy.content.paths=/**
2、添加静态资源控制类，使用ResourceUrlProvider
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.ControllerAdvice;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.servlet.resource.ResourceUrlProvider;
/**
* 使用ResourceUrlProvider进行版本管理
* 并避免在版本发生改变时，由于浏览器缓存而产生资源版本未改变的错误
*/
@ControllerAdvice
public class ControllerConfig {
@Autowired
private ResourceUrlProvider resourceUrlProvider;
@ModelAttribute("urls")
public ResourceUrlProvider urls() {
return this.resourceUrlProvider;
}
}
3、在网页中引用静态文件
注意：如果使用的thymeleaf模板引擎的话，那么需要这么进行编写：
<link rel="stylesheet" th:href="${urls.getForLookupPath('/css/font.css')}" rel="external nofollow" >
<link rel="stylesheet" th:href="${urls.getForLookupPath('/css/xadmin.css')}" rel="external nofollow" >
<script th:src="${urls.getForLookupPath('/lib/layui/layui.js')}" charset="utf-8"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('/js/xadmin.js')}"></script>
SpringBoot开发中的一些小坑—CSS失效
Springboot版本1.5.17
结合thymeleaf，在项目中引用CSS文件的问题
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>1.5.17.RELEASE</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<!DOCTYPE html >
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" >
<head>
<meta charset="UTF-8" />
<title>0.0</title>
<link rel="stylesheet" type="text/css" href="../static/css/index.css" rel="external nofollow" rel="external nofollow" >
</head>
首先配置的CSS引用是这样，href后面跟上从static文件后的完整路径，打开静态网页就是有css效果了
没有加载成功是这样的
但是问题来了，还有种说法是这样加：
<link rel="stylesheet" type="text/css" href="../static/css/index.css" rel="external nofollow" rel="external nofollow" th:href="@{/css/index.css}" rel="external nofollow" >
而在静态网页中，你看到的，始终是带上了CSS样式的结果，但Springboot项目运行起来后，你会发现CSS加载失效了，所以如果是Springboot项目，一定要加上后面的路径th:href=""。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章介绍了java中的移位运算符，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了分布式Netty源码分析EventLoopGroup及介绍，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-03-03
本篇文章给大家带来的内容是关于Java中HashMap集合的常用方法详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。下面我们就来学习一下吧2021-11-11
MapStruct 是一个 Java 注解处理器,用于在不同 Java Beans 或数据传输对象（DTOs）之间自动生成类型安全的映射代码,这是一个编译时映射框架,意味着它利用注解在编译时生成代码,本文将给大家介绍一下Java注解处理器MapStruct的使用示例,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了IDEA + Maven环境下的SSM框架整合及搭建过程，本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-01-01
接口改动一下就要修改对应的实现类,为了兼容老接口,Java8新增了默认方法和静态方法,下面这篇文章主要给大家介绍了关于Java8中接口新特性的相关资料,需要的朋友可以参考下2021-11-11
这篇文章主要写了java多线程的使用方法和java并发包简单入门的示例，大家可以参考使用2013-11-11
无论是采用SOA还是微服务架构,都需要使用服务注册和服务发现组件,本文将基于 Zookeeper 实现服务注册和服务发现功能,如果跟我一样有同样的困惑,希望可以通过本文了解其他组件如何使用 Zookeeper 作为注册中心的工作原理2023-09-09
这篇文章主要介绍了java算法实现预测双色球中奖号码的相关资料,需要的朋友可以参考下2015-12-12
锁是一种同步机制,用于控制对共享资源的访问,在线程获取到锁对象后,可以执行抢票操作,本文主要介绍了Java多线程+锁机制实现简单模拟抢票的项目实践,具有一定的参考价值,感兴趣的可以了解一下2024-02-02
最新评论