NextJS文件系统路由语义[关闭]

Posted

技术标签:

【中文标题】NextJS文件系统路由语义[关闭]【英文标题】:NextJS Filesystem Routing Semantic [closed] 【发布时间】:2021-10-28 18:32:00 【问题描述】:

在 NextJS 世界中,您可以使用以下方法路由页面,例如 /hello

方法一:

pages/
|_hello.js

或方法B:

pages/
|_hello/
   |_index.js

两者都是有效的方法,但是对于可扩展性、用户可读性和大型开源项目来说,这是更好的选择。

【问题讨论】:

在我看来,如果你看到hello下有多个子页面,你可以使用index.js。即,如果您要使用/hello/x,则使用方法 B。如果不是方法 A。 【参考方案1】:

正如@RGog 在 cmets 中提到的,如果您预见到路由 "/hello" 下有多个子页面,那么最好使用 "/hello/index.js"

例如,"/hello/id.js" 等其他子路由。

假设第二种方法可扩展以满足长期路由需求。

【讨论】:

以上是关于NextJS文件系统路由语义[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

NextJS 路由错误,换页时,试图打开错误的文件

在带有 sass、css 和语义 ui 的 nextjs 中使用谷歌字体

基于react的nextjs服务端渲染框架学习使用

NextJS:如何在根处理多个动态路由

nextjs 路由中间件进行身份验证

nextjs的路由和koa