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日

相关文章

  • 微信小程序实现自定义加载图标功能

    当用户打开微信小程序时,可能会需要等待一些时间才能正常使用,这时候就需要一个加载状态显示,方便用户知道正在加载中,不会误以为是小程序出了问题。本文就来详细介绍微信小程序实现自定义加载图标功能的完整攻略。 1. 自定义加载图标 微信小程序提供了默认的加载图标,但是我们也可以通过定义自己的加载图标来提供更好的用户体验。 一般加载图标都是使用 gif、svg、pn…

    css 2023年6月10日
    00
  • Vue实现Tab标签路由效果并用Animate.css做转场动画效果的代码第1/3页

    下面是关于“Vue实现Tab标签路由效果并用Animate.css做转场动画效果的代码”攻略的详细讲解: 1. 准备工作 在开始之前,我们需要先准备好一些必要的工作: 确认使用的Vue项目已经基于Vue-cli完成了初始化 安装Vue-router和Animate.css npm install vue-router –save npm install a…

    css 2023年6月10日
    00
  • 微信小程序 刷新上拉下拉不会断详细介绍

    微信小程序刷新上拉下拉不会断详细介绍 为什么需要刷新上拉下拉不中断? 在微信小程序的使用中,我们通常需要在一个页面中展示大量的数据,因此,很多时候我们都需要设置滚动刷新、上拉加载、下拉刷新等功能,以方便用户进行数据的展示及操作。但是,如果在设置这些功能时不注意,就容易造成用户在使用过程中出现卡顿、无响应等问题。因此,为了提高用户体验,我们需要按照一定规则来设…

    css 2023年6月10日
    00
  • 详解CSS 子元素相对于父元素固定定位解决方案

    详解CSS 子元素相对于父元素固定定位解决方案 问题描述 在CSS中,如果想要子元素相对于父元素进行定位,常见的做法是将父元素设置为相对定位(即position: relative;),然后在子元素中使用position: absolute;来进行定位。但是如果子元素的定位是固定的,比如一个弹出框或者侧边导航栏,那么当父元素滚动时,子元素便会随着滚动而移动,…

    css 2023年6月9日
    00
  • 在sql Server自定义一个用户定义星期函数

    在SQL Server中自定义一个用户定义星期函数,可以使用以下步骤: 1. 创建一个新的SQL Server项目 在SQL Server Management Studio中,选择“文件”->“新建”->“项目”->“SQL Server”->“SQL Server Database项目”。 2. 添加新的用户定义函数 在项目中,右…

    css 2023年6月9日
    00
  • 利用CSS3实现自定义滚动条代码分享

    当网站中的某个区域需要有滚动条时,我们可以使用CSS3来自定义这个滚动条,使其更符合页面的风格。 实现自定义滚动条一般需要以下几个步骤: 添加样式 我们可以使用CSS3中的::-webkit-scrollbar伪类来定义滚动条的样式。其中,-webkit-是针对webkit内核浏览器的前缀,其他内核浏览器需要加上相应的前缀。 ::-webkit-scroll…

    css 2023年6月10日
    00
  • 风讯CMS新闻列表标签的详细说明

    首先我们来讲一下“风讯CMS新闻列表标签的详细说明”。 一、风讯CMS新闻列表标签 1.1 标签概述 风讯CMS是一款基于PHP语言开发的新闻资讯网站建设系统。其中,新闻列表是网站的重要部分,它用于展示网站发布的最新或者特定类别的新闻资讯。 风讯CMS提供了多种获取新闻列表的标签,通过这些标签,我们可以轻松地获取到需要展示的新闻列表,并将其展示在网站页面上。…

    css 2023年6月9日
    00
  • css3 column实现卡片瀑布流布局的示例代码

    下面是关于“CSS3 column实现卡片瀑布流布局的示例代码”的完整攻略。 一、CSS3 column介绍 1. 概述 CSS多列布局(CSS3 column)是CSS3中的一种新特性,可以让我们更方便地实现分栏布局,常用在报纸、杂志等排版较为复杂的场合。 2. column-count column-count可以指定分栏数量,例如: .containe…

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