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>
請在「頁面沒有顯示correctl」 –
不正確的手段CSS文件沒有被加載的EJS,和EJS沒有風格闡述。 –