Redireccionar usando react-router en el middleware redux
He creado un middleware que comprueba si una solicitud devuelve una respuesta de acceso no válida. Si el estado es 401, quiero redirigir al usuario a la página de inicio de sesión
Aquí está el código de 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;
Incluyéndolo en 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'));
El método push no redirige la página. Estoy seguro de que el código pasa por esa sección ya que el registro muestra