next.js - 为什么我的 nextjs 路由器不返回查询参数？

Question

当我导航到我的 nextjs 应用程序的 http://localhost:3000/users/123?foo=bar 时，我在打印输出时得到以下信息router.query

{id: "123"}

foo: 'bar'它没有添加到查询对象的原因可能是什么？

Answer 1

我必须添加一个带有以下内容的 next.config.js 文件

module.exports = {
  reactStrictMode: true,
  async rewrites() {
    return [
      {
        source: '/pages/:slug*',
        destination: '/:slug*'
      }
    ]
  }
}

Answer 2

您的文件布局应如下所示：

pages/
  users/
   [id].js

刚刚对此进行了测试，返回的查询对象是{"foo":"bar","id":"123"}.