Apache サーバー上の CSS キャッシュの問題を解決する方法

Apache での CSS キャッシュの問題への対処

開発者は、テスト中に CSS ファイルに加えた変更が Web ページに反映されないという問題に遭遇することがよくあります。ブラウザのキャッシュが原因です。この記事は、この問題に対処し、特に Apache サーバー向けの解決策を提供することを目的としています。

Apache はリソースをキャッシュしますか?

はい、Apache はデフォルトでリソースをキャッシュします。これは、Web サイトのルート ディレクトリにある .htaccess ファイルで構成されます。次の行が存在する可能性があります:

ExpiresByType text/css                      "access plus 1 day"
ExpiresByType application/javascript       "access plus 1 day"

これらの行は、CSS ファイルと JavaScript ファイルを 1 日間キャッシュするように Apache に指示します。これにより、開発中にキャッシュの問題が発生する可能性があります。

方法Apache がリソースをキャッシュしないようにする

Apache が CSS ファイルをキャッシュしないようにするには、.htaccess ファイルに次の行を追加します。

Header set Cache-Control "no-cache, no-store, must-revalidate"

この行は、Apache にファイルをキャッシュしないように指示します。

バージョニングを使用して強制的に更新する

あるいは、バージョニングを使用してブラウザにキャッシュされた CSS を強制的に更新することもできます。ファイル。次のようなクエリ文字列パラメータを CSS ファイル URL に追加します。

<link rel="stylesheet" href="style.css?v=1">

CSS ファイルを更新するときは、バージョン番号をインクリメントするだけで (例: ?v=2)、ブラウザに更新されたファイルを強制的にダウンロードさせます。バージョン。

以上がApache サーバー上の CSS キャッシュの問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。