javascript — ошибки перекрестного происхождения в приложении React, даже после добавления прокси в package.json

Ошибки перекрестного происхождения в приложении React, даже после добавления прокси в package.json

На этот вопрос уже есть ответ здесь:

Я использую приложение create response, и я хочу использовать этот API: ‘ https://aud-tech-challenge.s3.eu-central-1.amazonaws.com/challenge.json

Но я получаю сообщение об ошибке:

Доступ к выборке по адресу https://aud-tech-challenge.s3.eu-central-1.amazonaws.com/challenge.json ‘из источника’ http: // localhost: 3000 ‘заблокирован политикой CORS: Нет Заголовок «Access-Control-Allow-Origin» присутствует в запрашиваемом ресурсе. Если непрозрачный ответ удовлетворяет вашим потребностям, установите режим запроса «no-cors», чтобы получить ресурс с отключенным CORS.

Я искал, и в интернете говорят, что я должен просто добавить настройку прокси в packaje.json так:

 "proxy": "http://localhost:4000" 

Но я все еще получаю сообщение об ошибке, моя функция извлечения выглядит нормально:

 export function fetchPosts () { const endpoint = 'https://aud-tech-challenge.s3.eu-central-1.amazonaws.com/challenge.json' return fetch(endpoint) .then(res ={amp}gt; res.json()) .then((data) ={amp}gt; { if (!data.sometingOftheredditApi) { throw new Error(data.message) } return data.sometingOftheredditApi }) } 

Любой идеазон, в чем проблема и как это исправить?

Благодарю.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector