Блог

В моем проекте ReactJS я получаю следующую ошибку: «Доступ к выборке заблокирован политикой CORS: в запрошенном ресурсе отсутствует заголовок ‘Access-Control-Allow-Origin’, если вам нужен непрозрачный, установите режим запроса на ‘no-cors’ для извлечения ресурса с помощьюCORS отключен «.

Вот как я отправляю запросы на серверную часть:

 export const sendRequest = async ( endpoint = '' ,
 method = 'GET', body) => {
    const response = await fetch(`${url}${endpoint}`, {
        method,
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(body)
    })
    const data = await response.json();

    return data;
}
 

Сначала я подумал, что это проблема с бэкэндом, но я проверил там, обнаружил, что доступ к бэкэнду CORS разрешен для одних и тех же заголовков и клиента.

Какие-либо изменения я должен внести в указанную выше функцию??

Вызывается модуль npm cors . Вы можете установить его в свой серверный сервер. Если вы используете ExpressJS, вы можете просто использовать cors в качестве промежуточного app.use(cors()) программного обеспечения. С эквивалентным заголовком, установленным в запросе, он должен работать