NextJS中如何实现动态url树

Question

根据我对 nextjs 路线的了解 -

blog->[id].jsx 给出“blog/1”、“blog/2”等。

但我想实现 page-subpage-subpage 类型的 url 树，其中每个页面都可以有子页面，子页面可以有更多的子页面。所以 url 可能看起来像这样 -

“页面/子页面/子子页面”等

我在后端使用 django treebeard，所以页面和子页面 url 都是动态的并且来自 API 调用。目前我尝试使用以下结构-

• 页数/

  • index.js

  • [蛞蝓].js

它只让我能够只获取一级页面。我想获得多级页面访问权限。

有人做过吗？请帮忙。

Answer 1

URL 树基于您的页面文件夹中的文件夹和文件，因此您可以简单地添加文件夹和文件来制作您需要的树。例如，博客可能具有如下文件夹和文件结构：

• 页数/
  • index.js (blogsite.com)
  • 博客/
    • index.js (blogsite.com/blog)
    • [id]/
      • index.js (blogsite.com/blog/123)
      • cmets/
        • index.js (blogsite.com/blog/123/cmets)
        • [commentId].js (blogsite.com/blog/123/cmets/321)

根据评论进行编辑：

我错过了提问者实际上意味着他们事先不知道树的深度。在这种情况下，您可以使用类似 [...id] 的catch all route，页面将获取查询对象中存在的所有参数。