Umi 统一登录校验组件

 

 

一、使用umi的routes配置子路由，加载子组件的时候，会加载父组件。将登录逻辑写到父组件进行统一处理

config.js代码片段

routes: [
    {
      path: '/',
      component: '../pages/index', //父组件
      routes: [
        {
          path: '/',
          component: '../pages/CommonHome', //子组件
        },
]}]

 

父组件代码片段

     <Provider store={appStore}>
        <ConfigProvider locale={zhCN}>
          <PersistGate persistor={persistor}>
            {this.state && this.state.user_info ? this.props.children : <Spin tip="登录中..."/>}  //登录成功后设置user_info
          </PersistGate>
        </ConfigProvider>
      </Provider>