Компонент React из AJAX вызова

Question

Я пытаюсь создать компонент React, который будет отображать ответ на вызов AJAX. Мой вариант использования таков - у меня есть Jinja Flask BE, который находится за AWS API GW и нуждается в настраиваемых заголовках и заголовке Authorization, чтобы возвращать файлы HTML и JS. Я хочу показать, что контент возвращается внутри IFrame или другого типа React Component, но я понял, что не могу отправлять заголовки запросов в IFrame.

Могу ли я как-нибудь показать контент из API GW внутри приложения React? и отправить заголовки, чтобы получить его правильно?

Если я использую Chrome и отправляю заголовки принудительно, я вижу, что он работает, и сайт представлен

Заранее спасибо!

Answer 1

да, вы можете использовать такой пакет Ax ios.

axios.get('url', {headers: "Authorization":'foobar'})

и если у вас более одного вызова API, создайте отдельный экземпляр ax ios, например:

const instance = axios.create({
  baseURL: 'https://domain.api/api',
  timeout: 1000,
  headers: {'Authorization': 'foobar'}
});

instace.get('/v2')

Для получения дополнительной информации: https://www.npmjs.com/package/axios