Howto redirect from axios interceptor in reactjs app?

Question

I am trying to check each axios request for presence of token inside the header for non-public paths. I want to take the user to login page in case token is not found. But this is inside reactjs app. What is the way to make this happen?

axios.interceptors.request.use(function (config) {
 //If the header does not contain the token and the url not public, redirect to login  
 var accessToken = null;
 if(sessionStorage.getItem('currentUserString')){
  accessToken =  'bearer '+JSON.parse(sessionStorage.getItem('currentUserString')).tokenDetails.accessToken;
 }

 var configURL = config.url;
 //if token is found add it to the header
 if (accessToken) {
   if (config.method !== 'OPTIONS') {
          config.headers.authorization = accessToken;
   }
 }
 //otherwise if the request is not for login page/auth service/home redirect to login page
 else if(!isNotOpenPath(config.url)){

   //we may want to store current path in the cookies. This can be retrieved after login is successful
   //WHAT TO DO HERE TO TAKE USER TO LOGIN PAGE IN THE REACT JS APP????
  }    
}

How to signal react app, particularly we don't have dispatch here. Can I just use document.location.href='\login'?

Ok. But that would be the approach. right? No reactjs specific way exists? — Amit Teli
– Amit Teli, Commented Nov 24, 2016 at 10:09

Lucas Katayama · Accepted Answer · 2016-11-24 10:22:53Z

1

I think the way to have routes inside your app is using React Router... Then to navigate you could try this...

https://github.com/ReactTraining/react-router/blob/master/docs/guides/NavigatingOutsideOfComponents.md

answered Nov 24, 2016 at 10:22

Lucas Katayama

4,61030 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Amit Teli Over a year ago

browserHistory makes sense and works well too :) thanks!

Collectives™ on Stack Overflow

Howto redirect from axios interceptor in reactjs app?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related