Rumah > hujung hadapan web > tutorial css > Mengapa Nginx Tidak Memuatkan Fail CSS Saya?

Mengapa Nginx Tidak Memuatkan Fail CSS Saya?

DDD
Lepaskan: 2024-12-02 08:08:13
asal
939 orang telah melayarinya

Why Isn't Nginx Loading My CSS Files?

Nginx Gagal Memuat Fail CSS: Panduan Penyelesaian Masalah

Apabila bertukar daripada Apache2 kepada Nginx, pengguna mungkin menghadapi masalah apabila fail CSS gagal untuk memuatkan. Ini boleh mengakibatkan mesej ralat yang serupa dengan:

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

Walaupun jenis MIME dikonfigurasikan dengan betul dalam /etc/nginx/mime.types, isu itu mungkin masih berterusan. Ini biasanya disebabkan oleh lokasi include /etc/nginx/mime.types; arahan.

Konfigurasi Betul

Untuk menyelesaikan isu, pastikan arahan sertakan diletakkan di bawah blok lokasi yang betul:

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

Konfigurasi Salah

Elakkan meletakkan arahan sertakan di bawah http global blok:

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

Dengan meletakkan arahan sertakan di bawah blok lokasi tertentu, Nginx akan membaca dan menggunakan jenis MIME dengan betul untuk lokasi tersebut. Ini akan memastikan bahawa fail CSS dimuatkan dengan betul dan tapak web dipaparkan dengan betul.

Atas ialah kandungan terperinci Mengapa Nginx Tidak Memuatkan Fail CSS Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan