NodeJS，使用友好的URL时找不到CSS，JS

Question

这是我关于stackoverflow的第一个问题，我的英语不好，对此感到抱歉。

在nodejs应用程序中，当我使用类似“ / post_detail？id = 123”的网址时

app.get('/post_detail', function(req, res) {
    res.render("post_detail", {id: req.param("id")})
});

没关系，我将在post_detail页面中加载所有js和CSS：

GET /css/main.css 304 7.194 ms - -
GET /css/themes.css 304 7.313 ms - -
GET /js/vendor/bootstrap.min.js 304 8.139 ms - -
GET /js/plugins.js 304 8.810 ms - -
GET /js/app.js 304 16.648 ms - -

但是，当我使用“ / post_detai / 123”和路由器时：

app.get('/post_detail/:id', function(req, res) {
    res.render("post_detail", {id: req.param("id")})
});

在控制台中给出以下错误：

GET /post_detail/css/themes.css 404 38.535 ms - 965
GET /post_detail/css/main.css 404 38.817 ms - 965
GET /post_detail/js/vendor/bootstrap.min.js 404 28.060 ms - 965
GET /post_detail/js/plugins.js 404 19.449 ms - 965
GET /post_detail/js/app.js 404 16.454 ms - 965

那么，如何解决这个问题呢？ 请帮我。 :(

谢谢你的帮助。

P / S：当我使用网址“ / post_detail / 123”时，在控制台中有什么不同：网址“ / post_detail？id = 123”

GET /css/themes.css 304 7.313 ms - -

网址“ / post_detail / 123”

GET /post_detail/css/themes.css 404 38.535 ms - 965

Answer 1

包括js和css文件时，您似乎最有可能使用相对路径而不是绝对路径。

在您的视图文件（也许是layout.html ，我只是在猜测项目的结构）中，请尝试使用以正斜杠为前缀的网址：

<!-- This -->
<link href="/css/main.css">
<script src="/js/app.js"></script> 

<!-- Rather than this -->
<link href="css/main.css">
<script src="js/app.js"></script>

当您在/post_detail?id=123 ，相对路径可以正常工作，因为它们是相对于/但是当您访问/post_detail/123它们现在相对于/post_detail/ ，并将请求带有前缀/post_detail/的资源。

因此，请尝试在您的视图中使用绝对路径，希望它能起作用。