Bagaimana untuk Memasukkan Fail CSS dengan Betul dalam Projek Node.js, Express dan EJS?

Termasuk Fail CSS dalam Aplikasi Node, Express dan EJS

Apabila bekerja dengan Node.js, Express dan EJS, anda mungkin menghadapi kesukaran termasuk fail CSS dalam projek anda. Isu ini timbul apabila jenis fail CSS salah ditetapkan sebagai 'teks/html' dan bukannya 'teks/css' dalam konsol pembangun.

Untuk menyelesaikan isu ini, ikut langkah berikut:

Dalam fail server.js:

<code class="js">app.use(express.static(__dirname + '/public'));</code>

Barisan ini memastikan bahawa fail statik, termasuk CSS, disampaikan daripada direktori 'awam'.

Dalam fail EJS:

<code class="ejs"><link rel="stylesheet" type="text/css" href="css/style.css"></code>

Perhatikan bahawa anda tidak perlu memasukkan garis miring '/' di hadapan sebelum direktori 'css'.

Penjelasan:

• Memasukkan direktori '/public' sebagai laluan fail statik memastikan fail CSS dilayan dengan betul.
• Menentukan laluan fail CSS yang betul dalam EJS menghalang ralat dalam memuatkan lembaran gaya.

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan Fail CSS dengan Betul dalam Projek Node.js, Express dan EJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!