Apache による CSS ファイルのキャッシュを防止し、最新バージョンが表示されるようにする方法

Apache によるサーバー側 CSS ファイル キャッシュの防止

Web サイトを開発する場合、訪問者が最新バージョンのキャッシュの問題を防ぐための CSS ファイル。この記事では、Apache がリソースをキャッシュするかどうかという問題に対処し、特にページをリロードしても CSS の変更がブラウザに反映されないシナリオが発生した場合に、キャッシュがキャッシュされるのを防ぐ解決策を提供します。

Apache がリソースをキャッシュするというのは本当ですか?

はい、Apache は CSS ファイルなどのリソースをキャッシュして、ページの読み込み時間を短縮できます。この動作は主に、さまざまなファイル タイプの有効期限を指定する mod_expires モジュールによって制御されます。 Apache が CSS ファイルをサーバーにキャッシュしているかどうかを確認するには、次の手順を使用できます。

1. コマンド プロンプトまたはターミナル ウィンドウを開きます。
2. Apache 構成ディレクトリに移動します (通常は/etc/apache2).
3. public_html ディレクトリの .htaccess ファイルを編集します。
4. 次のコードを追加します。

ExpiresActive On
ExpiresDefault "access plus 0 seconds"
ExpiresByType text/css "access plus 0 seconds"

5. ファイルを作成して Apache を再起動します。
6. ブラウザを開いてページを更新します。 CSS ファイルが更新されている場合は、変更がすぐに表示されます。

Apache が CSS ファイルをキャッシュしないようにするにはどうすればよいですか?

Apache がキャッシュしないようにするにはCSS ファイルの場合、CSS ファイルの有効期限を 0 秒などの短い期間に設定できます。こうすることで、ブラウザはキャッシュされたバージョンを使用するのではなく、常に最新バージョンの CSS ファイルをサーバーから取得するようになります。その方法は次のとおりです。

1. public_html ディレクトリで .htaccess ファイルを見つけます。
2. 次の行を追加します。

ExpiresByType text/css "access plus 0 seconds"

3. ファイルを保存し、Apache を再起動します。

または、クエリ文字列を使用して、CSS ファイルが要求されるたびにブラウザに強制的に再読み込みさせることもできます。たとえば、CSS リンクを次のように変更できます:

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

CSS ファイルを更新するときは、v パラメータの値を増分して再読み込みを強制します。

以上がApache による CSS ファイルのキャッシュを防止し、最新バージョンが表示されるようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。