現在公司的后臺系統(tǒng)使用螞蟻金服的dva.js，基于react+redux的封裝，使用的是dva-cli，現在要做登錄認證。
react-router-dom中好像沒有類似vue中的beforeEach鉤子函數，可以攔截路由。

import React from 'react';
import { Router, Route, Switch, Redirect } from 'dva/router';
import routerList from './common/routerList';
import Error404 from './routes/Error/Error404';

export default function RouterConfig({ history, app }) {
  const token = app._store.getState().user.token;
  console.log('router get token: ', token);
  const Routers = routerList.map((item, index) => {
    return <Route key={index} path={item.path} exact render={(props) => {
      if (item.noAuth) { // 如果是不用登錄就可訪問的頁面，直接返回
        return <item.component {...props} />;
      } else {
        if (token) {
          return <item.component {...props} />;
        } else {
          return <Redirect to={{
            pathname: '/login',
            state: {from: props.location} }} />
        }
      }
    }} />
  });
  return (
    <Router history={history}>
      <Switch>
        {Routers}
        <Route path="/" exact render={() => (
          <Redirect to="/article/mylist" />
        )} />
        <Route component={Error404} />
      </Switch>
    </Router>
  );
}

這是我做的路由攔截，但是只有在第一次進入頁面，或者頁面刷新后才會有效果，應該怎么改呢
然后登錄的時候，使用this.props.history.push()或者this.props.history.replace()也不能跳轉到首頁

this.props.dispatch({
  type: 'user/saveUserInfo',
  payload: { userId, nickName, headImageUrl, userName }
});
this.props.dispatch({
  type: 'user/saveToken',
  payload: token
});
let RedirectUrl = this.props.location.state ? this.props.location.state.from.pathname : '/';
console.log(RedirectUrl);
this.props.history.replace(RedirectUrl);