Question

我一直在试图弄清为什么我的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>

Answer 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。

EJS不包括CSS

1 个答案: