Spring Boot＋Thymeleafでjs・cssのキャッシュを無効にする (2022年版)

1. 概要

Spring Bootでアプリケーションを開発している時に、css・jsファイルのキャッシュを無効にして、ブラウザをリロードするだけで確認をしやすくしたい場面があります。そういった時の設定方法を紹介します。

なお、今回の設定はSpring Boot 2.6で確認しています。

2. 設定内容

非常に簡単で、以下のプロパティを設定するだけで良いです。

application.properties

spring.web.resources.cache.cachecontrol.no-cache=false

application.yml

spring:
  web:
    resources:
      cache:
        cachecontrol:
          no-cache: false

3.　おまけ

Thymeleaf自体のキャッシュを無効にするには、以下のように設定します。

application.properties

spring.thymeleaf.cache=false

application.yml

spring:
  thymeleaf:
    cache: false

4. 参考

• アプリケーションプロパティ設定一覧