node.js（express）鏈接css/js

Question

我在鏈接我的頁面上的css/js時遇到問題。 鏈接上localhost:5000/books/1不工作 但頁面localhost:5000/books/工作

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

bookRouter.route('/') 
      .get(function(req,res){ 
    res.render('books',{title:"Tytuł", nav:[ 
          { 
           Link: "/Books", 
           Text: "Books" 
          },{ 
           Link: "/Authors", 
           Text: "Authors" 
          }], 
          books: books 
         }); 


}); 

bookRouter.route('/:id') 
      .get(function(req,res){ 

     var id = req.params.id; 
     res.render('bookView',{title:"Tytuł", nav:[ 
          { 
           Link: "/Books", 
           Text: "Books" 
          },{ 
           Link: "/Authors", 
           Text: "Authors" 
          }], 
          book: books[id] 
         }); 


}); 

app.use('/books',bookRouter); 

路線上工作而不是鏈接的CSS/JSS。它在尋找http://localhost:5000/books/lib/bootstrap/dist/css/bootstrap.min.css

Answer 1

你可能解決的css文件是這樣的：

<link rel="stylesheet" type="text/css" href="/lib/bootstrap/dist/css/bootstrap.min.css"> 

，如果你想了解更多關於絕對和相對看看this question：

<link rel="stylesheet" type="text/css" href="lib/bootstrap/dist/css/bootstrap.min.css"> 

通過將其更換pathes。

Answer 2

我和你的問題一樣。 問題的關鍵是，爲什麼它http://localhost:5000/books/lib/bootstrap/dist/css/bootstrap.min.css ，而不是尋找CSS文件（或JS）從 http://localhost:5000/lib/bootstrap/dist/css/bootstrap.min.css

嘗試在你的HTML文件添加

<base href="/"> 

。礦山工作。