How to eject manually about axios-auth-refresh

[Flyrell]

I'm not exactly sure what you're trying to achieve. Would you please edit your question with a code sample?

Manual ejection should be as simple as calling the following...

const refreshAuthIterceptorId = createAuthRefreshInterceptor(/* ... */);
axios.interceptors.response.eject(refreshAuthIterceptorId);

[Flyrell]

Well, if you emit it manually, you woudn't really need that library. But there's a bit more logic for it to work properly, as you need a queue for requests that has been dispatched while the token is refreshing, etc.

I think it might work if you move the createAuthRefreshInterceptor above the onError (so it gets called after your own $axios.onError interceptor and instead of returning Promise.reject({ error: errorObject, data: errorObject.response.data }) you'd return the Promise.reject(errorObject);. Can you try that?

createAuthRefreshInterceptor(/* ... */);
$axios.onError(async errorObject => {
    const code = parseInt(errorObject.response && errorObject.response.status);
    let message = '';
    if (code === 404) {
      message = 'Page not found';
    }
    if (code === 401) {
      return Promise.reject(errorObject);
    }

    error({ statusCode: code, message });

    return Promise.reject({
      error: errorObject,
      data: errorObject.response.data,
    });
  });

[Flyrell]

Well I think that in order to propagate the failed response to another interceptor you need to use Promise.reject(/* ... */) not just a simple return, otherwise the error is treated as handled.

So in your example...

$axios.onError(async errorObject => {
    const code = parseInt(errorObject.response && errorObject.response.status);
    let message = '';
    if (code === 404) {
      message = 'Page not found';
    }
    if (code === 422) {
      return Promise.reject({ error: errorObject, data: errorObject.response.data });
    }
   ... // other codes
    error({ statusCode: code, message }); 

    return Promise.reject({ error: errorObject, data: errorObject.response.data });
  });

Also, there might be a problem with the order in which the response interceptors are running, if that's the case, try putting the createAuthRefreshInterceptor above the $axios.onError (I'm not sure about that, just found the old thread for this one: axios/axios#1226)

[niqitosiq]

Unfortunately, it didn't help. If I insert the createAuthRefreshInterceptor above onError handler with Promise.reject, it is working the same.
But if I insert it below, it will reproduce the error in browser:

And no refresh request will sending

[niqitosiq]

Maybe I can emit the handler for refresh mannually? Like:

$axios.onError(async errorObject => {
    const code = parseInt(errorObject.response && errorObject.response.status);
    let message = '';
    if (code === 404) {
      message = 'Page not found';
    }
    if (code === 401) {
      startAuthRefresh(errorObject);
    }

    error({ statusCode: code, message });

    return Promise.reject({
      error: errorObject,
      data: errorObject.response.data,
    });
  });

[niqitosiq]

Thank you very much! It worked.