res.render不会加载新页面

Question

我有一个简单的任务。

我有几个加载一个头a环节。

<a class="nav-link" href="menu">Menu 1</a>

我正在尝试从链接加载url /menu 。

我的app.js文件

app.use('/', index);
app.use('/menu', index);

我的index.js文件

/* GET home page. */
router.get('/', function (req, res, next) {
  res.render('index', { title: 'Express' });
});


/* GET new page. */
router.get('/menu', function (req, res, next) {
  res.render('users', { title: 'New Page' });
});

问题在于它仍加载或刷新同一页面。 我无法从/menu获取内容。 它仍然停留在index页面上。

只是问问， app.engine设置有任何问题吗？

app.engine('hbs', hbs({ extname: 'hbs', defaultLayout: 'index', layoutsDir: __dirname + '/views/' }));
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');

Answer 1

抱歉，我无法写评论，所以我尝试写一个答案。 确保

./views/users.hbs

有一个文件。 在HBS的设置中，设置了默认索引：

defaultLayout: 'index'

并尝试删除

app.use('/menu', index);

这里是多余的。