はじめに

開発環境では、画像、css、jsなど変更があった場合、Chromeでは、キャッシュがきついので、毎回削除するのが面倒なので、おぼえがきしておきます。

方法

よく作業するのは、ファイル名のあとに？をつけて対応

これは、本番サーバーでよく対応する方法。

毎回、202101を変更するのが・・・・・・・

なので、開発環境では、1回だけ202101を更新しておいて、それで変更作業をします。

そして、本番にアップ時は更新しているので、大丈夫って・・・・

<img src="test.jpg?202101">
<link rel="stylesheet" href="css/select.css?202101">
<script type="text/javascript" src="js/jquery.min.js?202101"></script>

開発環境では、開発前提のサーバーでキャッシュいらない場合は、.htaccessに下記を追加します。

htaccessが有効な場合のみです。

検証、ステージング、テストサイトなどでも・・・・・

やっちゃえおっさん！

<Files ~ "\.(html|css|js|jpe?g|gif|png)$">
Header set Pragma no-cache
Header set Cache-Control no-cache
</Files>

さいごに

個人的なメモです。

忘れん坊です。汗