2017-07-23 35 views
0

Express/node的新手,只是構建了一個簡單的代碼。頁面在路由器發生變化時無法正確呈現

我測試網址「localhost:3000/detail」,它工作正常。但是,我測試了url「localhost:3000/detail/test1」,頁面沒有正確顯示。

第二個函數「/」正確渲染頁面,而「/ test1」沒有,我檢查了css的目錄;想不出來。

detail.controller.js

//page are not correct 
router.get('/test1', function (req, res) { 
    res.render('detail'); 
}); 

//page correctly shown with css style 
router.get('/', function (req, res) { 
    res.render('detail'); 
}); 

server.js

app.use('/detail', require('./controller/detail.controller')); 
app.use("/css-detail", express.static(__dirname + '/app/detail/css')); 
app.use("/js-detail", express.static(__dirname + '/app/detail/js')); 
app.use("/img-detail", express.static(__dirname + '/app/detail/img')); 
app.use("/fonts", express.static(__dirname + '/app/detail/fonts')); 

detail.ejs(局部的)

<head> 
... 
<!-- Bootstrap --> 
    <link rel="stylesheet" href="css-detail/bootstrap.min.css"> 

    <!-- Font Awesome --> 
    <link rel="stylesheet" href="css-detail/font-awesome.min.css"> 

    <!-- Custom CSS --> 
    <link rel="stylesheet" href="css-detail/owl.carousel.css"> 
    <link rel="stylesheet" href="css-detail/style.css"> 
    <link rel="stylesheet" href="css-detail/responsive.css"> 
</head> 
+0

請在「頁面沒有顯示correctl」 –

+0

不正確的手段CSS文件沒有被加載的EJS,和EJS沒有風格闡述。 –

回答

0

改變了代碼一點點,而只是增加了' *'之前'css的細節,現在它的作品。 ..

app.use("/*css-detail", express.static(__dirname + '/app/detail/css'));