react-router-6私有路由配置方案

110 阅读1分钟

为实现token验证,进行私有路由配置,即在路有跳转前进行token验证

实现方案:

image.png 创建组件Private,在组件中获取store中的token值,进行token验证,有token则返回组件的children,没有则返回要跳转的组件

私有路由的使用 用私有路由包裹要跳转的路由,放置到element中即可