Pourquoi mon serveur Nginx ne charge-t-il pas les fichiers CSS après le passage d'Apache2 ?

Nginx ne parvient pas à charger les fichiers CSS : résolution de l'inadéquation des types MIME

Lors de la transition d'Apache2 vers Nginx, les utilisateurs peuvent rencontrer un problème où les fichiers CSS ne parvient pas à charger. Cela se produit lorsque le type MIME identifié par Nginx pour les fichiers CSS diffère du type "text/css" réel.

Diagnostic et solution

Malgré une configuration correcte du MIME types (/etc/nginx/mime.types), qui comprend la ligne "text/css css;", les fichiers CSS restent déchargés. Ceci est souvent dû au placement de l'instruction include pour mime.types.

Pour résoudre le problème, l'instruction include doit être déplacée du bloc http { global vers le bloc location / { dans la configuration par défaut du site. (/etc/nginx/conf.d/default.conf). La configuration révisée devrait ressembler à ce qui suit :

server {
    listen       80;
    server_name  localhost;

    location / {
         root    /usr/share/nginx/html;
         index  index.html index.htm index.php;
         include       /etc/nginx/mime.types;  # Moved from http { block
         fastcgi_pass   127.0.0.1:9000;
         # Additional parameters...
    }

Comprendre le changement

En plaçant l'instruction include dans le bloc d'emplacement, les types MIME définis dans /etc/ nginx/mime.types devient applicable à l'emplacement spécifique, qui est le répertoire racine du site par défaut. Cela garantit que Nginx reconnaît correctement le type MIME des fichiers CSS et les sert en conséquence.

Considérations supplémentaires

• Vérifiez que le fichier CSS est physiquement présent et accessible dans le répertoire racine défini dans le bloc d'emplacement.
• Assurez-vous que le fichier CSS est correctement lié dans le HTML document.
• Envisagez de vérifier les journaux d'erreurs Nginx (/var/log/nginx/error.log) pour toute information supplémentaire ou message d'erreur.

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!