Can't get refresh to trigger about axios-auth-refresh

[Flyrell]

Hi Chad,

I'm sorry but I have completely missed your issue.

I didn't even read the whole thing, so correct me if I'm wrong, but it seems like you're missing the return statement in refreshAuthLogic function.

Try returning the axios call, so the interceptor can bind to it.

const refreshAuthLogic = (failedRequest) => {
    console.log('failed request interceptor');

    // unable to refresh because the token is not available
    if (userActions.getRefreshToken() === false) {
        return Promise.reject(failedRequest)
    }

    return api
        .post("/oauth/token", {
            grant_type: "refresh_token",
            refresh_token: userActions.getRefreshToken(),
            client_id: process.env.REACT_APP_CLIENT_ID,
            client_secret: process.env.REACT_APP_CLIENT_SECRET
        })
        .then(tokenRefreshResponse => {
            // save the new access and refresh tokens
            localStorage.setItem(
                "auth-token",
                JSON.stringify(tokenRefreshResponse.data)
            );
            failedRequest.response.config.headers["Authentication"] = "Bearer " + userActions.getAuthenticatedToken();
            return Promise.resolve();
        })
}

[drmmr763]

Hi Flyrell

Thanks for getting back to me. I did figure this out just the other day. You are right, I was missing the return.

The other big problem I was having was this: I had a Laravel backend with CORS configured on certain routes. But the auth route did not have CORS configured correctly. This meant whenever the XHR request failed it failed as a network / browser error not as a catchable error inside the Refresh function.

This helped me work it out:
axios/axios#569 (comment)

Thanks for taking the time to respond and spot the error. This is working for me now and I'm really happy I got it working. It feels like a very clean implementation.