如何解决多个异步请求期间刷新 api 令牌的竞争条件？

Question

大约有 5 个异步请求同时运行并达到 401 响应，并且它的默认补偿功能是尝试刷新令牌以查看我们是否可以获得访问权限。

问题在于，如果有 5 次异步调用来刷新令牌端点，那么我们会在会话中以不同步的无效令牌结束。

这是 Redux-Saga 应用，上面有 ReactJS。

Answer 1

当这五个请求完成时，您需要接收某种信号。您可以使用Promise.all 来实现，它接受一系列承诺，并在所有承诺都履行时履行，并在至少有一个履行时拒绝。

const asyncRequest1 = makeAsyncRequestPromise();
const asyncRequest2 = makeAsyncRequestPromise();
const asyncRequest3 = makeAsyncRequestPromise();
const asyncRequest4 = makeAsyncRequestPromise();
const asyncRequest5 = makeAsyncRequestPromise();

const allDone = Promise.all([
    asyncRequest1.then(() => true, () => false),
    asyncRequest2.then(() => true, () => false),
    asyncRequest3.then(() => true, () => false),
    asyncRequest4.then(() => true, () => false),
    asyncRequest5.then(() => true, () => false),
]);


allDone.then((results) => {
    const someHasFailed = results.some(result => result === false);
    if (someHasFailed) {
        // make the refresh token here
    }
});