Next.js路由简介

194 阅读1分钟

不同于其它前端框架,Next.js创建路由不需要配置,只需要按照相应规则新建对应名称的文件即可。 image.png

App Router

从版本13开始,Next.js开始引入App Router,默认React Server Components,当然也支持客户端渲染(use client),并且和pages目录兼容,不过优先级要高于pages路由,即如果pages和app都定义了同名路由,优先使用app路由。

image.png

默认文件

layout默认布局
page默认首页
loading加载中页面
not-found404
error错误页
global-error全局错误页
route接口创建
template模板页,和layout相似
defaultFallback UI for Parallel Routes

image.png

image.png

资源目录,文件夹中,只有page和route文件定义的内容可以公开访问。

image.png