Maison  >  Article  >  interface Web  >  Comment empêcher Apache de mettre en cache les fichiers CSS et garantir que les dernières versions sont affichées ?

Comment empêcher Apache de mettre en cache les fichiers CSS et garantir que les dernières versions sont affichées ?

Barbara Streisand
Barbara Streisandoriginal
2024-10-24 08:39:30682parcourir

How to Prevent Apache from Caching CSS Files and Ensure Latest Versions Are Displayed?

Prévenir la mise en cache des fichiers CSS côté serveur avec Apache

Lors du développement de sites Web, il est crucial de s'assurer que les visiteurs accèdent aux dernières versions de Fichiers CSS pour éviter les problèmes de mise en cache. Cet article aborde la question de savoir si Apache met en cache les ressources et propose une solution pour l'empêcher de le faire, en particulier lorsque vous rencontrez un scénario dans lequel les modifications CSS ne sont pas reflétées dans le navigateur malgré le rechargement de la page.

Est-ce que est-il vrai qu'Apache met en cache les ressources ?

Oui, Apache peut mettre en cache des ressources telles que les fichiers CSS pour améliorer les temps de chargement des pages. Ce comportement est principalement contrôlé par le module mod_expires, qui spécifie les dates d'expiration pour différents types de fichiers. Pour vérifier si Apache met en cache les fichiers CSS sur votre serveur, vous pouvez suivre les étapes suivantes :

  1. Ouvrez une invite de commande ou une fenêtre de terminal.
  2. Accédez au répertoire de configuration d'Apache (généralement /etc/apache2).
  3. Modifiez le fichier .htaccess dans le répertoire public_html.
  4. Ajoutez le code suivant :
ExpiresActive On
ExpiresDefault "access plus 0 seconds"
ExpiresByType text/css "access plus 0 seconds"
  1. Enregistrez le fichier et redémarrez Apache.
  2. Ouvrez le navigateur et actualisez la page. Si le fichier CSS a été mis à jour, vous devriez voir les modifications immédiatement.

Comment empêcher Apache de mettre en cache les fichiers CSS ?

Pour empêcher Apache de mettre en cache Fichiers CSS, vous pouvez définir la date d'expiration des fichiers CSS sur une courte durée, par exemple zéro seconde. En faisant cela, le navigateur récupérera toujours la dernière version du fichier CSS sur le serveur au lieu d'utiliser la version mise en cache. Voici comment procéder :

  1. Localisez le fichier .htaccess dans le répertoire public_html.
  2. Ajoutez la ligne suivante :
ExpiresByType text/css "access plus 0 seconds"
  1. Enregistrez le fichier et redémarrez Apache.

Vous pouvez également utiliser une chaîne de requête pour forcer le navigateur à recharger le fichier CSS à chaque fois qu'il est demandé. Par exemple, vous pouvez modifier votre lien CSS comme suit :

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

Lorsque vous mettez à jour le fichier CSS, incrémentez la valeur du paramètre v pour forcer un rechargement.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn