从拦截器重复请求后，Axios 结果未定义

Question

I'm trying to implement an interceptor which refreshes an expired token and retries the latest request. It works for the most part but when the original request is retried res is undefined

This is my original request

this.$http.post('/auth/verify')
            .then((res) => {
                this.$store.commit('login', res.data);
            })
            .catch((e) => {
                console.error(`Error during verify: ${e}`);
            });

and this is the interceptor I use

axios.interceptors.response.use(null, (err) => {
if (err.response && err.response.status === 401 && err.response.data.message.includes('jwt expired')) {
    const { refreshToken } = JSON.parse(localStorage.getItem('auth'));
    axios.post('/auth/refresh', { refreshToken })
        .then((res) => {
            axios.defaults.headers.common.Authorization = `Bearer ${res.data.token}`;
            err.config.headers.Authorization = `Bearer ${res.data.token}`;
            localStorage.setItem('auth', JSON.stringify({
                refreshToken,
                token: res.data.token,
            }));

            return axios(err.config);
        })
        .catch((e) => {
            console.error(`Error refreshing token: ${e}`);
        });
    } else {
       return Promise.reject(err);
    }
});

Like I said res is undefined after the request is retried after the interceptor however in the chrome devtools network tab the second request to /auth/verify goes through and returns a correct response which means that the 2nd request to verify was successful.

Answer 1

我通过让拦截器返回一个解决axios(err.config)的承诺来使它工作