ejs 不包括 css答案

【问题标题】：ejs not including cssejs 不包括 css
【发布时间】：2019-01-19 00:57:59
【问题描述】：

我一直在试图弄清楚为什么我的 ejs 不包括我的 css。

我已经设置了我的 header.ejs 等；但它没有加载 css。

请注意，header.ejs 确实包含在我的 index.ejs 中。唯一的问题是样式表没有被加载。

我确实意识到你需要告诉 ejs 你想加载什么我做了。目录绝对正确。我使用 readdir 来检查该目录是否正在输出它所做的文件夹的内容。

我想知道是不是因为它不在像 public/css 这样的静态文件夹下，如果是这种情况，我怎么能改变它？

server.js

app.use(express.static(__dirname + '/client/vanity/public/assets/css'));

header.ejs

<link rel="stylesheet" href="/../assets/css/normalize.css/">
<link rel="stylesheet" href="/../assets/css/skeleton.css/">

index.ejs

<% include views/header %>

  <!-- Primary Page Layout
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <div class="container">
    <div class="row">
      <div class="one-half column" style="margin-top: 25%">
        <h4>Basic Page</h4>
        <p>basic template</a>.</p>
      </div>
    </div>
  </div>

<!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>

【问题讨论】：

您是否在浏览器中检查源代码以查看它从静态文件夹加载的内容？

标签： css node.js ejs

【解决方案1】：

如果您要这样提供静态文件：
app.use(express.static(__dirname + '/client/vanity/public/assets/css'));
然后，当引用文件时，路径以/client/vanity/public/assets/css 开头。

这意味着您将引用一个 css 文件，如下所示（建议您的 css 文件位于 /css 文件夹中）：
<link rel="stylesheet" href="/normalize.css">

完整路径：/client/vanity/public/assets/css + /normalize.css。

【讨论】：