react的umi路由鉴权

wrappers是umi中用于路由鉴权的

路由中设置

export default {
  routes: [
    { path: '/user', component: 'user',
      wrappers: [
        '@/wrappers/auth',
      ],
    },
    { path: '/login', component: 'login' },
  ]
}

然后

然后在 src/wrappers/auth 中，

import { Redirect } from 'umi';
import { LocalStorage } from '@/utils/storage';
export default (props) => {
  const isLogin = LocalStorage.get('token');
  console.log(props.location);
  if (isLogin) {
    return <div>{props.children}</div>;
  } else {
    return (
      <Redirect to={{ pathname: '/login', state: { from: props.location } }} />
    );
  }
};