好的,我想在全局axios配置中添加一个响应拦截器,如果请求遇到401错误,刷新令牌后会重试一次请求。
这是我的当前的全局axios配置:
import axios from "axios";
export default axios.create({
baseURL: process.env.REACT_APP_API,
headers: {
"content-type": "application/json"
},
responseType: "json"
});
现在我已经对我的问题进行了研究,并且得到了解决,解决方案可以在这里找到。但是,我不知道如何将那里的拦截器函数添加或使用到我的axios配置文件中(在根据我的需求进行编辑后)。拦截器函数看起来像这样:
createAxiosResponseInterceptor() {
const interceptor = axios.interceptors.response.use(
response => response,
error => {
// Reject promise if usual error
if (errorResponse.status !== 401) {
return Promise.reject(error);
}
/*
* When response code is 401, try to refresh the token.
* Eject the interceptor so it doesn't loop in case
* token refresh causes the 401 response
*/
axios.interceptors.response.eject(interceptor);
return axios.post('/api/refresh_token', {
'refresh_token': this._getToken('refresh_token')
}).then(response => {
saveToken();
error.response.config.headers['Authorization'] = 'Bearer ' + response.data.access_token;
return axios(error.response.config);
}).catch(error => {
destroyToken();
this.router.push('/login');
return Promise.reject(error);
}).finally(createAxiosResponseInterceptor);
}
);
}
非常感谢!