为什么我的nextjs路由器不返回查询参数?

Question

当我导航到http://localhost:3000/users/123?foo=bar我的nextjs应用程序当我打印出router.query

时，我得到以下结果

{id: "123"}

没有将foo: 'bar'添加到查询对象的原因是什么?

Answer 1

你的文件布局应该是这样的:

pages/
users/
[id].js

刚刚测试后，返回的查询对象是{"foo":"bar","id":"123"}。

Answer 2

我必须添加一个next.config.js文件，其中包含以下内容

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