DEV Community
·
路由组 - Next.js
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
在App Router中创建文件夹会生成路由。使用路由组可以实现嵌套路由而不改变URL，将不作为路由的文件夹名称放在括号内，例如将“auth”命名为“(auth)”，可在不显示“auth”的情况下访问http://localhost:3000/signout和http://localhost:3000/signin。
🎯
关键要点
- 在App Router中创建文件夹会生成路由。
- 使用路由组可以实现嵌套路由而不改变URL。
- 将不作为路由的文件夹名称放在括号内，例如将'auth'命名为'(auth)'。
- 可以在不显示'auth'的情况下访问http://localhost:3000/signout和http://localhost:3000/signin。
- 如果不使用路由组，访问这些链接会被重定向到404页面。
- 使用路由组可以保持路由结构的清晰、模块化和布局集中。
❓
延伸问答
如何在Next.js中创建嵌套路由而不改变URL？
可以使用路由组，将不作为路由的文件夹名称放在括号内，例如将'auth'命名为'(auth)'。
使用路由组有什么好处？
使用路由组可以保持路由结构的清晰、模块化和布局集中。
如果不使用路由组，访问特定链接会发生什么？
如果不使用路由组，访问这些链接会被重定向到404页面。
在Next.js中，如何访问不显示的路由？
可以通过访问http://localhost:3000/signout和http://localhost:3000/signin来访问不显示的路由。
在App Router中创建文件夹会有什么结果？
在App Router中创建文件夹会生成一个路由。
如何在Next.js中保持路由结构的清晰？
通过使用路由组，可以将不作为路由的文件夹放在括号内，从而保持路由结构的清晰。
➡️
