Express.js、CSS 未链接到 Ejs 文件

Question

我相信这是将 css 链接到 ejs 文件的正确方法，但它仍然无法正常工作。 您可以在提供的图片中看到我所有的文件夹是如何排列的。

Answer 1

在你的server.js文件中，使用这一行而不是你拥有的那一行：

app.use(express.static(path.join(__dirname, "/public")));

上面的行告诉express在哪里可以找到公共资产。 有了这个，每次你在ejs文件中写/时，你已经在公共文件夹中。

例如，您将像这样链接您的 css 文件（我假设您的 css styles 在public/css/styles.css内）

<link href="/css/styles.css" rel="stylesheet">

Answer 2

您的问题不在于 Ejs 文件中的链接标记。 问题在于在 server.js 文件中定义文件的路径

解决方案是在 express 'use' 中间件中使用 static 方法，如下所示：

app.use(express.static(__dirname + '/public'));

这意味着您要告诉 express 在哪里可以找到和提供 static 文件。

要链接 css 文件，您只需在 Ejs 文件中添加一个链接标签，如下所示：

<link href="/css/styles.css" rel="stylesheet" type="text/css">