Как реализовать перехватчик Axios для пакетной обработки запросов?

#javascript #reactjs #http #axios #xmlhttprequest

Вопрос:

У меня есть API, который принимает разделенные запятыми или массив идентификаторов и отправляет ответ для каждого идентификатора, если он доступен на сервере

 https://europe-west1-quickstart-1573558070219.cloudfunctions.net/file-batch-api?ids=fileid1,fileid2,fileid3
 

Если файл с идентификатором не может быть найден или возвращает ошибку, он не указан в
массиве элементов ответа. Например, если запрашиваются fileid1, fileid2 и fileid3, но
fileid3 не может быть найден, возвращаемое значение: items: [{id: "fileid1"}, {id: "fileid2"}]

Я создал перехватчик axios, который объединяет параметры входящих запросов, отменяет запросы и отправляет один запрос со всеми параметрами. Кажется, это работает, и я получаю данные в перехватчике, но я не могу вернуть ответ исходному вызывающему HTTP в App.js Как мне получить окончательный ответ в моем исходном вызове?

Я создал здесь пример Stackblitz.