用于多个 slug 情况的 nextJS 嵌套路由

Question

大家好，我有一个关于 nextJS 路由的问题， 我有以下文件夹结构，它适用于一个简单的场景，其中一个项目只有一个文件夹，并且该文件夹有一个域，但是当项目有一个文件夹并且该文件夹有一个域时，我的问题就会出现许多子文件夹

例如，如果我有这个 URLprojects/1/folder1/subfolder1/subsubfolder1/.../domain1

所以如你所见，我不知道我会有多少鼻涕虫，我怎样才能实现这一目标？

Answer 1

通过在括号内添加三个点 (...) 可以扩展动态路由以捕获所有路径。

这意味着您可以创建一个具有名称的文件[...folder].js，并在该文件中编写逻辑来处理路由。

您甚至可以通过将参数包含在双括号 ([[...folder]]) 中来使其可选。这允许/base、/base/a、/base/a/b、 等等。

要访问对象，您可以简单地从asfolder获取它query

{ "folder": ["a", "b"] }