首页 > web前端 > css教程 > 如何在 Node.js、Express 和 EJS 项目中正确包含 CSS 文件?

如何在 Node.js、Express 和 EJS 项目中正确包含 CSS 文件?

Patricia Arquette
发布: 2024-10-26 00:40:28
原创
913 人浏览过

How to Properly Include CSS Files in Node.js, Express, and EJS Projects?

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板