Next js-File Structure中具有多个参数的动态路由

Question

我想在nextjs中创建动态页面，以匹配以下路由users/[user]/[dashboard]。我的文件结构

pages/
users/
-[user].js       // will match for /users/123
- index.js        // will match for /users
dashboard/
- [dashboard].js   // will match for /users/1234/ABCD

我只收到查询参数中的[user]，而没有收到[dashboard].js中的[dashboal]。有人能解释一下如何排列文件结构以匹配users/[user]/[dashboard]吗

Answer 1

要匹配以下动态路由users/[user]/[dashboard]，您可以按如下方式构建pages文件夹：

pages/
users/      
index.js        // Matches `/users` route
[user]/   
index.js      // Matches `/users/user123` routes
[dashboard]/
index.js    // Matches `/users/user123/dashboardABC` routes