Javascript node.js express可以'；无法理解css文件的路径

我试图在express的帮助下使用node.js在html页面上加载一些信息

问题是，当我想打开主页（它显示数据库中的所有书籍）时，一切都很好——css和js文件被找到并应用到页面上。但是当我加载另一个页面（它显示一本书）时，只加载了一个页面（我的意思是没有任何css）。此外，这两个页面位于同一文件夹中

我已经包含了样式如下的文件夹（在server.js文件中）：

这段代码运行良好：

app.get("/", function(req, res){
    pool.query("SELECT * FROM books", function(err, rows) {
      if(err) return console.log(err);
      res.render("../front/index.hbs", {
        books: rows
      });
    });
});

但是，当我尝试加载这篇文章时，没有应用css：

app.get("/single-product/:id/", function(req, res){
  const id = req.params.id;
  pool.query("SELECT * FROM books WHERE idBook=?", [id], function(err, rows) {
     if(err) return console.log(err);
     res.render("../front/single-product.hbs", {
        books: rows[0]
    });
  });
});  

两个文件中包含的css如下所示：

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/plugins.css">
    <link rel="stylesheet" href="css/style.css">

    <!-- Cusom css -->
    <link rel="stylesheet" href="css/custom.css">

---

当我打开devtools时，第一种方式显示200个响应代码，第二种方式显示404。有什么问题吗？

修改：将“服务器”添加到app.use（express.static（path.join（uu dirname，'server'，'style'））

如果html路由与api路由分开，则需要在html路由中为这些css文件提供服务，如果将它们放在一起，则只需将它们添加到常规服务器中即可

哦，我忘了说，这两个文件（正常显示的文件和第二个文件）都在同一个文件夹中。哦，好吧，那gotcha以前抓到过我，所以这通常是我的第一次检查--进行快速修复！哈哈，如果你的CSS文件嵌套了一点，你必须将其添加到path.join中，因此我的“服务器”可能还不够低，你可能还必须添加另一个级别。希望有帮助！评论不用于扩展讨论；这段对话已经结束。

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/plugins.css">
    <link rel="stylesheet" href="css/style.css">

    <!-- Cusom css -->
    <link rel="stylesheet" href="css/custom.css">