前言

nextjs的src目录是存放源码的， 如果你想使用app路由就需要在src目录下创建一个app文件夹 然后把代码放在app目录下

app路由

app路由是个大胆的创新，它让我们告别了传统使用react-router-dom的繁琐

app路由创建：app路由的创建很简单，一个folder就是路由的一个segment，比如你想要这样一个路由- /product/detail,那么你只需要在app目录下依次创建/product、/product/detail这2个文件夹，然后再在/product/detail下定一一个page.tsx即可

app路由就像本地的文件系统一样

下面简单的列举了一下路由与代码的映射关系：

• 当在浏览器上访问: http://localhost:3000/ 时，实际上访问的是app目录下的page.tsx
• 当在浏览器上访问: http://localhost:3000/blog 时，实际上访问的是app/blog目录下的page.tsx
• 当在浏览器上访问: http://localhost:3000/product 时，实际上访问的是app/product目录下的page.tsx

以此类推,nextjs会自动解析app的目录结构