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);

這里是多余的。