nextjs 路由器无法传递值

Question

我正在使用 nextJ react 开展电子商务项目。我列出了产品，但当我点击产品卡时我想要产品详细信息。我在下面使用此代码来传递参数。我仍然遇到同样的错误 404。有人可以帮我吗。

在此代码之后，我应该如何检索 productDetails 页面上的信息？

谢谢

onClick={() =>
          router.push({
            pathname: "/productDetails/[pid]",
            query: { pid: id },
          })
        }