nextjs 路由

1.官网路由介绍 nextjs路由

next项目的路由默认为page下面的文件生成对应的路由。

http://localhost:3000/ 代表的 /page/index.tsx.

http://localhost:3000/demo指的是page --> demo -->index.tsx文件。

2.动态路由

在 Next.js 中，您可以将括号添加到页面 ( [param]) 以创建动态路由（也称为 url slugs、pretty urls 等）。pages/post/[pid].js 会匹配到 /post/1 或 /post/abc 。这些携带的参数都会带进页面。在页面可以得到 { "pid": "abc" } 值。