gpt4 book ai didi

javascript - 路由器更改时无法正确呈现页面

转载 作者:行者123 更新时间:2023-11-28 03:19:58 25 4
gpt4 key购买 nike

Express/node 的新手,只是构建了一个简单的代码。

我测试了 url“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');
});

服务器.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>

最佳答案

稍微更改了代码,并在“css-detail”之前添加了“*”,现在可以使用了。 ..

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

关于javascript - 路由器更改时无法正确呈现页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45261311/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com