重试多次提取

Question

如果失败，如何重试此获取x次？

代码基于本文：https://dmitripavlutin.com/javascript-fetch-async-await/

async function fetchData() {
const [firstResponse, secondResponse] = await Promise.all([
fetch(firstUrl),
fetch(secondUrl),
]);
const first = await firstResponse.json();
const second = await secondResponse.json();
return [first, second];
}
fetchData()
.then(([first, second]) => {
console.log("success");
})
.catch((error) => {
console.log("error");
});

Answer 1

由于请求彼此独立，我有一个实用程序函数，它将重试X次，然后在Promise.all中使用。我还有一个获取JSON的实用函数，它处理fetchAPI足迹枪，而它不检查HTTP成功(请参阅我的博客文章(。因此，沿着这些路线：

// Fetch JSON
function fetchJSON(...args) {
const response = await fetch(...args);
if (!response.ok) {
throw new Error(`HTTP error ${response.status}`);
}
return response.json();
}
// Fetch JSON with up to `retries` retries
async fetchJSONWithRetry(retries, ...args) {
while (retries > 0) {
try {
const result = await fetchJSON(...args);
return result;
} catch (e) {
if (--retries === 0) {
throw e;
}
}
}
}
// Your `fetchData`
async function fetchData(retries = 5) {
const [first, second] = await Promise.all([
fetchJSONWithRetry(retries, firstUrl),
fetchJSONWithRetry(retries, secondUrl),
]);

return [first, second];
}