使用 EJS 时样式表未链接

Question

我正在学习使用 ejs、express、node js。我正在向我的标题询问我的样式表，这是我的代码，这里是。我使用页眉和页脚作为包含。这是我的

我的 app.js-

const express = require("express");
const bodyParser = require("body-parser");
const ejs = require("ejs");
const app = express();
app.set("view engine", "ejs");
app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(express.static("public"));
app.get("/", function(req, res) {
    res.render("home");
});
app.listen(3000, function() {
    console.log("Server started on port 3000");
});

Answer 1

这里需要注意两件事

style.css 是一个外部 css 文件。因此，您不需要该文件中的样式标签。它应该只包含 css。

在您的快速应用程序中，您必须提及您从中提供静态文件的公共目录。喜欢css/js/image

可以这样做

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

假设您将 css 文件从您的应用根目录中放入公用文件夹中。现在您必须参考模板文件中的 css 文件，例如

<link href="/css/style.css" rel="stylesheet" type="text/css"> 在这里，我假设您已将 css 文件放在公用文件夹内的 css 文件夹中。

所以文件夹结构应该是

.
./app.js
./public
    /css
        /style.css

适当关闭head标签