Nextjs - 嵌套动态路由 - pages/users/[uid]/goals/[goalId]

Question

我想要以下页面结构：/users/[userId]/goals/[goaldId]。例如：website.com/users/1234/goals/0912834

我需要什么文件夹结构？我正在尝试这个：

页面/

• 用户/
  • [uid].tsx
  • 目标/
    • [goalId].tsx

我已经尝试过搜索，但还没有找到类似的东西。提前致谢！

Answer 1

我认为这应该有效。 [uid] 应该是一个目录而不是一个 tsx 文件。

pages/
    users/
        [uid]/
            goals/
                [goalId].tsx

您可以在此处查看此示例https://github.com/vercel/next.js/tree/canary/examples/dynamic-routing/pages/post