Nginx が CSS ファイルを読み込まないのはなぜですか?

Nginx が CSS ファイルのロードに失敗する: トラブルシューティング ガイド

Apache2 から Nginx に切り替えると、CSS ファイルがロードできないという問題が発生する可能性がありますロードします。これにより、次のようなエラー メッセージが表示されることがあります。

Error: The stylesheet http://example.com/style.css was not loaded because its MIME type, "text/html", is not "text/css".

MIME タイプが /etc/nginx/mime.types で正しく構成されているにもかかわらず、問題が解決しない可能性があります。これは通常、インクルード /etc/nginx/mime.types の場所が原因です。 directive.

正しい構成

問題を解決するには、include ディレクティブが正しい場所ブロックの下に配置されていることを確認してください:

http {
    ...
    # Include MIME types from /etc/nginx/mime.types
    location / {
        include /etc/nginx/mime.types;
        ...
    }
}

間違った構成

include ディレクティブをglobal http block:

http {
    # Incorrect: Include MIME types globally
    include /etc/nginx/mime.types;
    ...
}

特定の場所ブロックの下に include ディレクティブを配置すると、Nginx はその場所の MIME タイプを正しく読み取って適用します。これにより、CSS ファイルが適切にロードされ、Web サイトが正しく表示されます。

以上がNginx が CSS ファイルを読み込まないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。