node.js express 无法理解 css 文件的路径

Question

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

问题是当我想打开主页时（它显示数据库中的所有书籍），一切正常 - 找到 css 和 js 文件并将其应用于页面。但是当我加载另一个页面（它显示单本书）时，加载了唯一的页面（我的意思是没有任何 css）。另外，这两个页面在同一个文件夹中。

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

app.use(express.static(path.join(__dirname, '/style')));

那段代码运行良好：

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。可能是什么问题？

Answer 1

如果您将这些 css 文件与 api-routes 分开，则需要在 html-routes 中提供这些文件，或者如果将它们放在一起，则只需将它们添加到您的常规服务器。

Answer 2

修改：将'server'添加到app.use(express.static(path.join(__dirname, 'server', '/style')));