Comment résoudre les problèmes de mise en cache CSS sur les serveurs Apache

Résoudre les problèmes de mise en cache CSS dans Apache

Les développeurs rencontrent souvent le problème où les modifications apportées aux fichiers CSS ne sont pas reflétées dans leurs pages Web pendant les tests en raison de la mise en cache du navigateur. Cet article vise à résoudre ce problème et à fournir une solution spécifiquement pour les serveurs Apache.

Apache met-il les ressources en cache ?

Oui, Apache met les ressources en cache par défaut. Ceci est configuré dans le fichier .htaccess situé dans le répertoire racine du site Web. Les lignes suivantes peuvent être présentes :

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

Ces lignes demandent à Apache de mettre en cache les fichiers CSS et JavaScript pendant une journée, ce qui peut entraîner des problèmes de mise en cache pendant le développement.

Comment Empêcher Apache de mettre en cache les ressources

Pour empêcher Apache de mettre en cache les fichiers CSS, ajoutez la ligne suivante à votre fichier .htaccess :

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

Cette ligne indique à Apache de ne mettre aucun fichier en cache et de les demander au serveur à chaque fois qu'une page est chargée.

Utiliser le contrôle de version pour forcer l'actualisation

Vous pouvez également utiliser le contrôle de version pour forcer les navigateurs à actualiser le CSS mis en cache fichiers. Ajoutez un paramètre de chaîne de requête à l'URL du fichier CSS, tel que :

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

Lorsque vous mettez à jour votre fichier CSS, incrémentez simplement le numéro de version (par exemple, ?v=2) pour forcer les navigateurs à télécharger la version mise à jour. version.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!