如何修复 Express + ESJ 项目中的 CSS 样式表路径

Question

我在我的项目中使用了Express 和 EJS 。 我希望当我输入“ localhost:PORT/posts/:articleName ”时，要呈现 a.ejs 文件。 唯一的问题是，即使我有app.use(express.static(__dirname + "/public")); 它不像它应该的那样工作。 当我检查post.ejs文件中的样式表链接时，它是“ localhost:PORT/posts/style.css ”。 但我希望路径为“ localhost:PORT/style.css ”才能工作。 如何修复路径？

项目结构： https://imgur.com/a/UrYY9lK

GET 请求的代码 /

app.get("/posts/:articleName", (req, res) => {
for(obj of posts) {
    if(lodash.lowerCase(obj.title) === lodash.lowerCase(req.params.articleName)) {
        console.log("it s a match");
        res.render("post.ejs", {title: obj.title, 
            content: obj.content});
        return;
    }
}
res.redirect("/")
});

帖子= JSON 对象数组

post.ejs = 仅包含特定文章的文件，它不能正常工作，因为它不会从公共目录加载 style.css 文件。

Answer 1

试试这个变种，因为你写的这部分代码不正确：

 app.use(express.static('public'));

Answer 2

显然，您需要在 css 文件之前有一个“/”或将其放在另一个子目录中以获得正确的路径

所以link rel="stylesheet href="/style.css"确实有效，但link rel="stylesheet href="style.css"无效。