如何在 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中文网其他相关文章！