Yo uso Larave+JWT y vue2 + vuex2 + axios

Entonces, cuando el usuario inicia sesión, almaceno el token de autenticación en la tienda vuex. Cuando el token caduca, necesito actualizarlo. Para actualizarlo, necesito enviar el mismo token a /refresh route y obtener un nuevo token. Al menos así es como lo conseguí y en realidad funciona.

El problema es que el interceptor detecta las respuestas 401 e intenta actualizar el token, pero ¿y si, por ejemplo, en mi componente envío muchas solicitudes con un token caducado? Dado que las solicitudes ajax son asíncronas, el código del interceptor se ejecuta muchas veces. Así que recibí muchas solicitudes de actualización. Una vez que se actualiza el token inicial, no se considera válido. Cuando el interceptor intenta actualizar el servidor de token no válido, responde con un error y lo redirecciono a la página de inicio de sesión.

Aquí está el código:

 axios.interceptors.response.use((response) => { return response; }, (error) => { const originalRequest = error.config; if (error.response.status === 401 && !originalRequest._retry) { originalRequest._retry = true axios.post('auth/refresh').then((response) => { let token = response.data.token store.dispatch('auth/setAuthToken', token) let authorizationHeader = `Bearer ${token}` axios.defaults.headers = { 'Authorization': authorizationHeader } originalRequest.headers['Authorization'] = authorizationHeader return axios(originalRequest) }, (error) => { store.dispatch('auth/clearAuthInfo') router.push({ name: 'login' }) }) } return Promise.reject(error); });