next.js - Next js中具有多个参数的动态路由-文件结构

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 中的 [dashboard] 。有人可以解释如何安排文件结构以匹配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