next.js - 为什么我的应用程序不路由到其自定义页面？下一个js

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 })，但这也不起作用。

当 /games/1 被点击时，我想路由到 game.js 。该应用程序可以很好地路由到 /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 代码的查询参数。