路由

Router

前端工程也叫：Router、页面跳转、路由配置、路径

一句话：决定「哪个网址显示哪个页面」的规则，负责在不同页面之间切换，并同步浏览器地址栏。

详细解释

路由像商场的楼层指示牌：地址 /orders 对应订单页，/orders/123 对应编号 123 的订单详情。其中 123 这种会变的部分叫路由参数，对应的规则叫动态路由。

在单页应用里，路由由前端代码控制，切换页面不会整页刷新，常用 React Router、Vue Router。Next.js、Nuxt 等框架使用文件路由：在 app 或 pages 目录下建文件夹或文件，就自动生成对应地址。

常见需求有：未登录时跳转登录页（路由守卫）、地址不存在时显示 404 页、嵌套路由让侧边栏不动只换右侧内容。部署后刷新子页面出现 404，通常是服务器没配好单页应用的回退规则。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

新增一个订单详情页，地址为 /orders/:id，在订单列表点击某一行跳转过去，详情页根据 id 请求数据。未登录用户访问任何 /orders 开头的页面时跳转到 /login，登录后回到原来的页面。