Redirecionar usando react-router no redux middleware
Eu criei um middleware que verifica se uma solicitação retorna uma resposta de acesso inválida. Se o status for 401, desejo redirecionar o usuário para a página de login
Aqui está o código do middleware
import React from 'react';
import { push, replace } from 'react-router-redux';
const auth_check = ({ getState }) => {
return (next) => (action) => {
if(action.payload != undefined && action.payload.status==401){
push('login');
console.log('session expired');
}
// Call the next dispatch method in the middleware chain.
let returnValue = next(action);
return returnValue
}
}
export default auth_check;
Incluindo-o no index.js
...
const store = createStore(reducers, undefined,
compose(
applyMiddleware(promise,auth_check)
)
);
const history = syncHistoryWithStore(browserHistory, store);
ReactDOM.render(
<Provider store={store}>
<Router history={history} routes={routes} />
</Provider>
, document.querySelector('.app'));
O método push não redireciona a página. Tenho certeza de que o código passa por essa seção, pois o log está mostrando