Проблема при получении данных API с использованием React / JSX

Question

Я работаю над небольшим проектом React и хотел получить данные из Fortnite API. У меня есть это как функция для извлечения предстоящих предметов,

  const fetchItems = async () =>{
    const data = await fetch('https://fortnite-public-api.theapinetwork.com/prod09/upcoming/get/');
    console.log(data);
  }

Но я получаю это как вывод,

Доступ к извлечению в 'https://fortnite -public-api.theapinetwork.com/prod09/upcoming/get/ 'from origin' http://localhost:3000' заблокирован политикой CORS: в запрошенном заголовке «Access-Control-Allow-Origin» нет запрошенногоресурс. Если непрозрачный ответ удовлетворяет вашим потребностям, установите режим запроса «no-cors», чтобы получить ресурс с отключенным CORS.

Блокировка перекрестного чтения (CORB), заблокированный ответ перекрестного происхождения https://fortnite -public-api.theapinetwork.com / prod09 / предстоящий / get / с приложением MIME-типа / json. См. https://www.chromestatus.com/feature/5629709824032768 для более подробной информации. fetchItems @ Shop.js: 12 (анонимно) @ Shop.js: 8 commitHookEffectList @ реагировать-dom.development.js: 21864 commitPassiveHookEffects @ реагировать-dom.development.js: 21897 callCallback @ реагировать-dom.development.js: 363 invbackDevled@ react-dom.development.js: 412 invokeGuardedCallback @ реагировать-dom.development.js: 465 flushPassiveEffectsImpl @ реагировать-dom.development.js: 25316 unstable_runWithPriority @ scheduler.development.js: 818 runWithPortityjs: 12259 flushPassiveEffects @ react-dom.development.js: 25283 (анонимный) @ реагировать-dom.development.js: 25162 workLoop @ scheduler.development.js: 762 flushWork @ scheduler.development.js: 717 executeWorkUntilDeadline @.js: 212

Как я могу решить эту проблему?

Answer 1

As Chrome sad (https://www.chromestatus.com/feature/5629709824032768):

Блокировка чтения из разных источников (CORB) - это алгоритм, который может выявлять и блокировать сомнительные загрузки ресурсов из разных источников в веб-браузерах до того, как они достигнутвеб-страница. CORB снижает риск утечки конфиденциальных данных, сохраняя их дальше от веб-страниц разных источников.

API https://fortnite -public-api.theapinetwork.com / prod09/ предстоящий / получить / не принимать ваше происхождение http://localhost:3000.

Чтобы отключить политику происхождения в Chrome, см. этот пост: Отключить такую ​​же политику происхождения в Chrome