- A+
所属分类:Web前端
在目录结构中,我们精心创建的每一个文件最终都会经过处理,转化为相应的页面路由。然而,值得注意的是,某些特殊文件格式在生成过程中并不会被当作路由路径来处理。
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]的页面