Breaking News: Grepper is joining You.com. Read the official announcement!

mutex concept with axios refresh token

Weary Walrus answered on September 27, 2023 Popularity 1/10 Helpfulness 1/10

answer mutex concept with axios refresh token

mutex concept with axios refresh token

Comment

customRequest.interceptors.response.use(
  (response) => response,
  async (error) => {
//extracting response and config objects
    const { response, config } = error;
//checking if error is Aunothorized error
    if (response.status === 401) {
      let refreshToken = localStorage.getItem("refreshToken");
if (refreshToken) {
        //if refresh token exists in local storage proceed
        try {
          //try refreshing token
          const data = await customRequest.post("/token/refresh/", {
            refresh: refreshToken,
          });
let accessToken = data.data.accessToken;
          if (accessToken) {
//if request is successful and token exists in response 
            //store it in local storage
            localStorage.setItem("token", accessToken);
//with new token retry original request
            config.headers["Authorization"]=accessToken;
            return customRequest(config);
          }
        }
        catch (e) {
          console.log(e);
        }
      }
    }
    //if none above worked clear local storage and log user out
    logout();
    return error;
  });

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: alitoshmatov.medium.com

Tags: axios concept javascript mutex refresh-token

Link to this answer
Share Copy Link

Contributed on Sep 27 2023

Weary Walrus

0 Answers Avg Quality 2/10

mutex concept with axios refresh token

Contents

More Related Answers

mutex concept with axios refresh token

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.