Maison > interface Web > tutoriel CSS > Pourquoi mon serveur Nginx ne sert-il pas correctement les fichiers CSS ?

Pourquoi mon serveur Nginx ne sert-il pas correctement les fichiers CSS ?

Mary-Kate Olsen
Libérer: 2024-12-02 20:46:10
original
777 Les gens l'ont consulté

Why Isn't My Nginx Server Serving CSS Files Correctly?

Problème de configuration du type MIME Nginx empêchant le chargement CSS

Problème :

Les utilisateurs rencontrent un problème où les fichiers CSS ne parviennent pas à se charger dans Nginx. La console d'erreurs signale « text/html » comme type MIME au lieu de « text/css ». Malgré une configuration correcte dans /etc/nginx/mime.types, les fichiers CSS restent déchargés.

Cause possible :

Le problème peut survenir en raison d'un placement incorrect du inclure la directive dans le nginx.conf fichier.

Solution :

Pour corriger ce problème, déplacez le fichier include /etc/nginx/mime.types; directive du bloc http {} vers le bloc location / {}. Le fichier nginx.conf mis à jour devrait ressembler à ceci :

http {
    ...
    location / {
        include /etc/nginx/mime.types;
        ...
    }
    ...
}
Copier après la connexion

En plaçant la directive dans le bloc location / {}, Nginx appliquera les paramètres de type MIME spécifiquement à l'emplacement racine, garantissant que les fichiers CSS sont servi avec le type MIME correct. Cela résoudra le problème et permettra aux fichiers CSS de se charger correctement.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal