小编点评

**目录结构中文件处理的顺序和规则：** 1. 所有文件都会经过处理，并最终生成相应的页面路由。 2. 某些特殊文件格式在生成过程中并不会被当作路由路径来处理。 3. **(auth)** 组件的作用是在编译过程中忽略** auth 文件下** 的所有路径匹配** auth 时。 4. **[dynamic]** 用于定义动态路由，其路径匹配** auth 文件下所有路径匹配** auth 时。 5. **…slug** 用于定义多级动态路由，其路径匹配** auth 文件下所有路径匹配** auth 时。 **示例：** 假设我们的目录结构如下： ``` app ├── auth │ ├── login.tsx │ └── password.tsx ├── page │ ├── main.tsx │ └── other.tsx └── dynamic │ └── page-dynamic.tsx ``` 那么，生成路由后的路径将如下： ``` /auth/login /auth/password /login /other /dynamic/page-dynamic ``` **注意：** * **[]** 用于定义多级动态路由的路径。 * **...** 用于定义多级动态路由的路径。 * **()** 用于定义动态路由的路径，但该路径在编译时会被忽略。

正文

在目录结构中，我们精心创建的每一个文件最终都会经过处理，转化为相应的页面路由。然而，值得注意的是，某些特殊文件格式在生成过程中并不会被当作路由路径来处理。

app
 |-auth
     login
       page.tsx
     password
       page.tsx
//最后生成的路由路径
//·localhost:3000/auth/login 
//·localhost:3000/auth/password
       
       
//()路由组的作用在编译的时候会忽略       
app
  (auth)
      login
          page.tsx
      password
          page.tsx   
//最后生成的路由路径 
//·localhost:3000/login 
//·localhost:3000/password

//[]的作用 动态路由
app
  auth
      [dynamic]
          page.tsx
//最后生成的路由路径 
//·localhost:3000/auth/1 
//·localhost:3000/auth/2  
//因为他在 auth 文件下 所有在路径匹配 auth时，他的下一级都回访问到 [dynamic]的页面





//[...]的作用 多级动态路由
app
  auth
      [...slug]
          page.tsx
//最后生成的路由路径 
//·localhost:3000/auth/1 
//·localhost:3000/auth/1/docs  
//·localhost:3000/auth/1/docs/1
//因为他在 auth 文件下 所有在路径匹配 auth时，他的后续路由都回访问到 [...slug]的页面