Pourquoi mon site aurait-il soudainement besoin d'URL absolues pour CSS?
Donc, depuis des mois sur ce site, j'ai eu des chemins vers mes fichiers CSS qui ressemblent à:
/css/syles.css
et ils ont bien fonctionné.
Aujourd'hui, j'ai mis à jour le fichier et constaté que mes modifications n'étaient pas reflétées dans le navigateur. En fait, dans l'onglet Réseau de l'inspecteur de Chrome, le fichier CSS n'était même pas chargé.
La seule façon pour que cela fonctionne est de rendre le chemin absolu, par exemple:
http://www.example.com/css/styles.css
Il n'y a pas de service de mise en cache sur l'hôte, rien ne ressemble à Cloudflare et, bien sûr, j'ai effacé le cache de mon navigateur.
Ce n'est pas grave, mais je suis simplement curieux de savoir pourquoi cela s'est passé.
Host est la pile LAMP moyenne de votre serveur partagé.
Dans Google Chrome, je voudrais inspecter le DOM de la page Web où la feuille de style ne se charge pas:
Ctrl+Shift+I
Recherchez et cliquez avec le bouton droit sur l'élément de la feuille de style:
<link rel="stylesheet" href="/css/syles.css" />
Cliquez sur Open in new tab.
Si vous recevez une erreur HTTP 404 Not Found, vérifiez la barre d'adresse pour vous assurer que le chemin absolu du fichier correspond à ce qui était prévu.
Si le chemin absolu semble incorrect, modifiez-le correctement dans votre document.
D'autre part, si le chemin est correct, essayez d'actualiser la feuille de style (en ignorant le contenu mis en cache) en utilisant:
Shift+F5
Si la feuille de style se charge correctement, revenez à votre page Web et actualisez la page.
Sinon, revérifiez pour vous assurer que les fichiers sont correctement téléchargés sur votre serveur.
Une pensée: le site actif est-il sécurisé (https?) Il peut arriver que les URL relatives se résolvent en https://example.com/css/styles.css et que le serveur ne peut pas gérer les données statiques. contenu via https.