☰

NGINX+wordpress: CSS가 제공되지만 적용되지 않음

tag-icon • tag-icon nginx wordpress css
NGINX+wordpress: CSS가 제공되지만 적용되지 않음

동료 스태커 여러분, 건배하세요.

자체 호스팅 nginx 환경에서 wordpress를 실행해야 합니다.

다음에서 제안된 구성을 거의 정확하게 사용합니다.NGINX 워드프레스 문서.

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

스타일을 제외한 모든 것이 대부분 예상대로 작동합니다. 사이트에 스타일이 적용되지 않은 것 같습니다(관리자 로그인/빠른 시작 마법사에도 적용됨).

관리 대시보드 내부에서는 모든 것이 괜찮아 보입니다.

CSS 파일은 NGINX에서 올바르게 제공됩니다.

답변1

내 nginx 구성에 mime.types 기본값이 포함되지 않았습니다.

이는 nginx "Content-Type" 응답 헤더에 영향을 미쳐 "text/css" 대신 "text/plain"이 되는 것 같습니다.

... 이는 불행한 일입니다. WordPress 템플릿 중 어느 것도 요청에 콘텐츠 유형을 지정하지 않기 때문입니다. 예:

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

아마도 이렇게 보일 것입니다. 하지만 오 글쎄요

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

관련 정보