☰

NGINX+wordpress: CSS sendo veiculado, mas não aplicado

tag-icon • tag-icon nginx wordpress css
NGINX+wordpress: CSS sendo veiculado, mas não aplicado

Felicidades colegas empilhadores,

Eu meio que preciso fazer o wordpress rodar em um ambiente nginx auto-hospedado.

Mais ou menos exatamente usando a configuração sugerida deDocumento NGINX wordpress.

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;
    }
}

Tudo funciona basicamente como esperado, exceto o estilo. Nenhum estilo parece ser aplicado no site (também se aplica ao assistente de login/início rápido do administrador).

Dentro do painel de administração, tudo parece bem.

Os arquivos CSS estão sendo servidos corretamente pelo NGINX.

Responder1

Minha configuração do nginx não incluiu os padrões mime.types.

Isso parece estar afetando o cabeçalho de resposta "Content-Type" do nginx, fazendo com que ele seja "text/plain" em vez de "text/css" ...

... o que é lamentável porque nenhum dos modelos wordpress especifica o tipo de conteúdo na solicitação, por exemplo:

<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' />

Provavelmente deveria ser parecido com isso, mas tudo bem

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

informação relacionada