next-route

攀上顶峰發表於2024-05-15

在目錄結構中,我們精心建立的每一個檔案最終都會經過處理,轉化為相應的頁面路由。然而,值得注意的是,某些特殊檔案格式在生成過程中並不會被當作路由路徑來處理。

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]的頁面