如何在 Node.js、Express 和 EJS 專案中正確包含 CSS 檔案？

在Node、Express 和EJS 應用程式中包含CSS 檔案

使用Node.js、Express 和EJS 時，您可能會遇到困難包括項目中的CSS 文件。當 CSS 檔案的類型在開發者控制台中錯誤地設定為“text/html”而不是“text/css”時，就會出現此問題。

要解決此問題，請按照以下步驟操作：

在server.js 檔案中：

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

此行確保從「 public”目錄提供靜態文件（包括CSS）。

在 EJS 檔案中：

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

請注意，您不需要在 'css' 目錄之前包含前導斜線 '/'。

說明：

• 包含「/public」目錄為靜態檔案路徑可確保正確提供 CSS 檔案。
• 在 EJS 中指定正確的 CSS 檔案路徑可防止載入時出錯樣式表。

以上是如何在 Node.js、Express 和 EJS 專案中正確包含 CSS 檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！