☰

NGINX+WordPress: CSS wird bereitgestellt, aber nicht angewendet

tag-icon • tag-icon nginx wordpress css
NGINX+WordPress: CSS wird bereitgestellt, aber nicht angewendet

Prost, liebe Staplerfreunde,

Ich muss WordPress in einer selbst gehosteten Nginx-Umgebung zum Laufen bringen.

Mehr oder weniger genau mit der vorgeschlagenen Konfiguration vonNGINX WordPress-Dokument.

server {
    listen 443 ssl;
    server_name _;
    ssl_certificate /var/lib/nginx/PKI/www/server/cert.pem;
    ssl_certificate_key /var/lib/nginx/PKI/www/server/key.pem;
    root /var/lib/nginx/www/wordpress;
    index index.php;
    location / {
            try_files $uri uri/ /index.php?$args;

    }
    location ~ \.php$ {
        include /etc/nginx/fastcgi_params;
        fastcgi_intercept_errors on;
        fastcgi_pass php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    }

    location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
            expires max;
    }
}

Bis auf das Styling funktioniert alles größtenteils wie erwartet. Auf der Site scheint kein Styling angewendet zu sein (gilt auch für den Administrator-Login/Quickstart-Assistenten).

Im Admin-Dashboard sieht alles gut aus.

CSS-Dateien werden ordnungsgemäß von NGINX bereitgestellt.

Antwort1

Meine Nginx-Konfiguration enthielt die MIME-Typ-Standardwerte nicht.

Dies scheint den Nginx-Antwortheader „Content-Type“ zu beeinträchtigen und führt dazu, dass er „text/plain“ statt „text/css“ lautet …

... was bedauerlich ist, da keine der WordPress-Vorlagen den Inhaltstyp in der Anfrage angibt, zB:

<link rel='stylesheet' id='wp-block-library-css'  href='https://censored.net/wp-includes/css/dist/block-library/style.css?ver=5.8' media='all' />

Sollte wahrscheinlich so aussehen, aber na ja

<link rel="styleseeht" type="text/css" ...>

verwandte Informationen