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

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

Dynamic routing with multiple parameters in Next js - File Structure

next.js

dynamic-routing