0

我想为我的 next.js 项目创建一个动态路由结构，因此主目录将是countries并且该目录下将有许多其他国家/地区。

www.mysite.com/countries
www.mysite.com/countries/united-states
www.mysite.com/countries/france
www.mysite.com/countries/united-kingdom
....

在我的 pages 文件夹中，我创建了一个名为countries并创建了一个文件的文件夹[...slug].js。我必须在文件夹中创建一个文件index.js才能countries访问www.mysite.com/countries。

问题是index.js并且[...slug].js具有相同的代码，我只想维护一个文件。如何配置 nextjs 以[...slug].js用于www.mysite.com/countries和它下的任何子页面？

4

1 回答 1

1

您可以简单地更改[...slug].js为[[...slug]].js以捕获所有以 开头的路线countries。它在 NextJs 中被视为可选的 URL 参数。
NextJs 官方文档还说：

通过将参数包含在双括号中，可以使捕获所有路由成为可选的

于 2021-09-26T12:10:13.443 回答