标签：路由

微前端的路由协同要回答三个问题——「路由归谁管（主应用还是子应用）、URL 前缀怎么分（basename）、导航怎么不整页刷新」；而最容易被忽略的是「404 归属」「深链接」和「子应用内部路由与主应用 history 的一致」。

赞(0)陌上寒2026-10-1506-路由 阅读()去评论

前端权限的定位是「体验优化，不是安全边界」——它的正确做法是「后端下发权限点（不是角色），前端用权限点做三件事：路由守卫、菜单过滤、按钮/字段级控制」，而最容易出错的地方是「把『无权限』和『404』混为一谈」以及「动态路由带来的『白屏、闪烁、缓存失效』」。

赞(0)陌上寒2026-10-1506-路由 阅读()去评论

路由级懒加载是「代码分割收益最大的一步」——每个页面单独打包，用户只下载当前页面的代码；声明式路由用 React.lazy + Suspense，数据路由直接用 lazy: () => import(...)。

赞(0)陌上寒2026-10-1506-路由 阅读()去评论

React 的「路由守卫」本质是「控制渲染」（用包装组件或在 loader 里校验），没有 Vue 那样的 beforeEach 全局钩子；而且前端守卫只是体验优化，真正的权限必须在接口层校验。

赞(0)陌上寒2026-10-1506-路由 阅读()去评论

用「:param」在路径里声明动态段，用 useParams() 读取；参数变化时组件不会重新挂载（需要在 useEffect 里依赖参数，或给 element 加 key 强制重建）。

赞(0)陌上寒2026-10-1506-路由 阅读()去评论

嵌套路由让你把「布局」抽取到父路由组件里（用 标记子路由的渲染位置），从而实现「导航栏不动、只切换内容区」；index 路由表示「父路径本身的默认页面」。

赞(0)陌上寒2026-10-1506-路由 阅读()去评论

v6 有两种配置方式——声明式（ JSX） 简单直观、适合中小项目；数据路由（createBrowserRouter） 支持 loader/action/errorElement 与「路由级懒加载」，更适合现代项目。

赞(0)陌上寒2026-10-1506-路由 阅读()去评论