为什么我的应用程序没有路由到它的自定义页面？ nextjs

Question

我有一个nextjs个应用。我的页面文件夹看起来像这样

pages
  games
  game

我的server.js中的路线如下：

server.get('/games/:gameId', (req, res) => {
  const { gameId } = req.params

  app.render(req, res, 'game', { gameId })
})

我也试过了app.render(req, res, '/game', { gameId })，但这也没用。

我希望在遇到game.js时转到/games/1。该应用可以路由到/games，但我无法路由到单个游戏/games/1。我得到了nextjs 404。我错过了什么？ nextjs如何在这种情况下路由？

Answer 1

您的代码可能如下所示：

server.get('/games/:gameId', (req, res) => {
  app.render(req, res, '/game', { ...req.query, ...req.params })
})

查看您自己的代码如何缺少game前面的前导斜杠？

app.render第三个参数应该是生成pages目录的路径的完整路径。

第四个参数通常可以设置为req.query和req.params的聚合，以便将gameId参数以及查询参数传输到Next.js代码