umi路由鉴权
一、在src下创建wrappers文件夹
二、在index.tsx中写如下代码
代码如下(示例):
import React from 'react';
import {Redirect} from "umi"
const AuthRouter = (props:any) => {
// 这个根据自己判断是否登录
const isLogin = window.sessionStorage.getItem('user')?true:false;
return (
//如果这个缓存,就跳到/login的路由
isLogin ? <div>{props.children}</div>: <Redirect to="/login" />
)
}
export default AuthRouter;
最后在.umirc.ts的文件中用wrappers:[“@/wrappers”]实现鉴权
代码如下(示例):
路由设置
总结
这样就是给/home的路径设置了一个路由的鉴权,如果浏览器缓存里面没有user,它进入/home就会跳转到/login页面,这就是路由的一个鉴权