SpringBoot静态资源CSS等修改后再运行无效的解决

关于“SpringBoot静态资源CSS等修改后再运行无效的解决”,一般有以下两种解决方法:

方法一:增加配置项

在SpringBoot的配置文件application.properties中,增加如下配置项:

spring.resources.cache-period=-1

这样修改之后,每次请求静态资源的时候都会重新读取文件,不会使用缓存中的静态文件。缺点是每次读取都会增加服务器的负载,如果读取频率高,会影响网站的访问速度。该方法适用于开发阶段,方便调试,在上线之前应该去掉该选项,使用生产环境的缓存。

示例说明:

  1. 修改了样式文件,但是网站没有生效。
  2. 在application.properties中增加了上述配置项。
  3. 重新运行网站,发现样式文件已经生效。

方法二:使用IDEA配置实时重载

使用IDEA开发SpringBoot应用时,可以通过增加如下配置实现对静态资源的热更新:

spring.devtools.restart.enabled=true

这个配置项需要在pom.xml文件中增加如下依赖:

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-devtools</artifactId>
    <optional>true</optional>
</dependency>

这样配置之后,每次修改静态资源之后IDEA会自动重新编译,重新打包,然后重启网站,这使得在修改时不需要手动重启网站。

示例说明:

  1. 修改了样式文件,但是网站没有生效。
  2. 在pom.xml中增加了上述依赖,然后重启IDEA。
  3. 在修改样式文件后,IDEA会自动重启网站,使得修改立即生效。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:SpringBoot静态资源CSS等修改后再运行无效的解决 - Python技术站

(0)
上一篇 2023年6月9日
下一篇 2023年6月9日

相关文章

  • 客户端js判断文件类型和文件大小即限制上传大小

    客户端JS判断文件类型和文件大小即限制上传大小是常见的一个需求。以下是操作的完整攻略: 1.判断文件类型 第一种方法:使用HTML5的file API 使用HTML5的file API可以获取文件的信息,包括文件类型,如下: const fileInput = document.getElementById(‘file’); const file = fil…

    css 2023年6月10日
    00
  • CSS text-shadow属性

    CSS text-shadow属性 CSS text-shadow属性可以为文本添加阴影效果,使文本更加突出和美观。本攻略将详细讲解CSS text-shadow属性的语法、取值和示例说明。 1. 语法 CSS text-shadow属性的语法如下: text-shadow: h-shadow v-shadow blur color; 其中,h-shadow…

    css 2023年5月18日
    00
  • JS中 querySelector 与 getElementById 方法区别

    下面我来详细讲解一下JS中querySelector和getElementById方法的区别: 1. getElementById getElementById是DOM提供的方法之一,它返回的是与指定id属性值匹配的元素,如果没有匹配的元素,则返回null。它的语法如下: var elem = document.getElementById(id); 注意,…

    css 2023年6月9日
    00
  • 响应式框架Bootstrap栅格系统的实例

    接下来我将详细讲解响应式框架Bootstrap栅格系统的实例攻略。 响应式框架Bootstrap栅格系统的实例攻略 Bootstrap栅格系统简介 Bootstrap栅格系统是基于栅格布局设计的响应式框架,它是由一系列的行(row)和列(col)组成的网格系统。Bootstrap栅格系统最常用的是12列网格系统,它允许在页面上创建各种布局。使用Bootstr…

    css 2023年6月11日
    00
  • 详解CSS3中@media的实际使用

    当我们创建网页时,可能会遇到不同设备和屏幕尺寸的问题:一些网页对于小于一定大小的屏幕不友好,另一些页面则对于通过桌面电脑和移动设备用户都需要友好。 此时,CSS3中的@media查询,可以帮助我们应对这个问题,根据访问网页的设备不同自适应不同的样式。下面是对CSS3中@media的使用的详细解释: 什么是@media查询? @include查询是CSS3的新…

    css 2023年6月10日
    00
  • jQuery子元素过滤选择器用法示例

    来一起学习一下 jQuery 子元素过滤选择器吧! 什么是子元素过滤选择器? 在 jQuery 中,子元素过滤选择器是用来选择指定父元素下的某个特定子元素的选择器。它可以选择某个父元素下的所有子元素或者对符合特定条件的子元素进行过滤。 如何使用子元素过滤选择器? 以 > 符号作为子选择器操作符。例如,选择所有 class 为 test 的直接子元素,可…

    css 2023年6月10日
    00
  • HTML中head头结构

    HTML中的 <head> 字段通常包含了网页的元信息和其他非可视元素。下面是完整攻略的细节。 head头 HTML的 <head> 位于文档的头部,在文档中只能包含一个 <head> 标记。 <head> 标签不会被浏览器显示在页面上,它通常包含了页面的元信息和其他非可视元素。 title <head&…

    css 2023年6月10日
    00
  • 兼容IE与firefox的css 线性渐变(linear-gradient)

    实现兼容IE与Firefox的线性渐变,可以通过使用CSS的filter属性和渐变图像background-image属性进行实现。具体步骤如下: 1.使用CSS的filter属性实现IE浏览器中的线性渐变: 在IE中,我们可以使用下面的代码实现线性渐变: background: linear-gradient(to right, #ff0000, #000…

    css 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部