如何使用单个路由文件捕获所有 url

Question

我想在 next.js 中定义一个路由来捕获这个 urls:

https://mytestsite.com/mypath/document (this is to upload a document)
https://mytestsite.com/mypath/document/123 (this is to edit document id 123)

为此我需要两个文件：

/mypath/document/index.tsx
/mypath/document/[...all].tsx

是否可以用一个文件来捕获上述所有网址？

Answer 1

直接来自 docs

可选捕获所有路由

通过将参数包含在双括号 ([[...slug]]) 中，可以使捕获所有路由成为可选的。

例如，pages/post/[[...slug]].js 将匹配 /post、/post/a、/post/a/b 等.