我想为包含FormData数据的请求创建“重试”功能。当JWT令牌过期时,将进行重试,我的第二个请求(重试请求)不包含任何数据。
思路:
如果我的 Token 过期了,请求将会失败,然后拦截器将刷新我的 Token,并使用新的头部 Authorization 再次尝试相同的请求。然而,在服务器端,收到的负载(payload)总是 null。
思路:
const axiosInstance = axios.create();
/**
* Before each request, we'll add a possible retry if the
* request need a refreshed token
*/
axiosInstance.interceptors.request.use((request) => {
if (typeof _.get(request, ['retried']) === 'undefined') {
request.retried = false;
}
return request;
});
/**
* After a request with an error, we'll check if the error is a token not refreshed.
* If we didn't already tried to refresh, we'll just fallback to the errorHandler function
*/
axiosInstance.interceptors.response.use(null, async (error) => {
const statusCode = _.get(error, ['response', 'data', 'statusCode']);
const message = _.get(error, ['response', 'data', 'message']);
const { config: request = {} } = error;
if (statusCode === 401 && !request.retried) {
try {
const newTokens = await refreshTokens();
request.retried = true;
_.set(request, ['headers', 'authorization'], newTokens.accessToken);
return axiosInstance.request(request);
} catch (e) {
return error;
}
}
return error;
});
请求:
const formData = new FormData();
formData.append('name', name);
formData.append('file', fs.createReadStream(file.path));
axiosInstance.post(
'http://localhost/upload',
formData,
{
headers: {
...formData.getHeaders(),
authorization: tokens.accessToken
}
}
);
如果我的 Token 过期了,请求将会失败,然后拦截器将刷新我的 Token,并使用新的头部 Authorization 再次尝试相同的请求。然而,在服务器端,收到的负载(payload)总是 null。
interceptors.request.use
钩子中发送请求。你可以这样说:“如果这个请求有formData,请让我联系我的后端并检查我的令牌是否正确,如果不正确,则刷新并继续”。 - Chop