在Express中呈现锚链接

Question

我有一个问题，与相关链接的明示。他们似乎工作到两个层次深，然后他们停止了。

我将试图说明我所面临的问题。

查看页面@ http://example.com ->，用href="level-1"单击锚。它可以按预期工作，并链接到http://example.com/level-1。

查看页面@ http://example.com/level-1 ->，用href="level-2"单击锚。它可以按预期工作，并链接到http://example.com/level-1/level-2。

查看页面@ http://example.com/level-1/level-2 ->，用href="level-3"单击锚。这会使不像预期的那样工作，也不会像那样工作，并链接到http://example.com/level-1/level-3。我可以使用http://example.com/level-1/level-2/level-3访问href="level-2/level-3"

我认为这可能是我的路线的组织方式，但无论我对他们做了什么，行为似乎都是一样的。

目前我有一件事

main.js

...

var app = express();

var routes = require('./router')(app);

router/index.js

module.exports = function(app) {
    app.use('/level-1', require('./routes/level-1'));
    app.use('/', require('./routes/home'));
};

router/routes/level-1.js

var express = require('express');
var router = express.Router();

router.use('/level-2', require('./level-2'));

router.get('/', function(req, res) {
    res.render('level-1');
});
module.exports = router;

router/routes/level-2.js

var express = require('express');
var router = express.Router();

router.use('/level-3', require('./level-3'));

router.get('/', function(req, res) {
    res.render('level-2');
});
module.exports = router;

router/routes/level-3.js

var express = require('express');
var router = express.Router();

router.get('/', function(req, res) {
    res.render('level-3');
});
module.exports = router;

希望我提供了足够的信息。

Answer 1

我想出了我问题的答案。我不得不添加尾随的/来锚定指向问题页面的链接。

让我感到震惊的是，它之所以深入到一个层次，是因为第一层页面可以从导航栏访问，并且所有链接都是href="/level-1/"样式的，从那时起，链接就生成了，而不是用尾随的斜杠所以href="level-2"生成的。