Отправка запроса из приложения ReactJS:
fetch(http://my-api-domain, {
method: 'GET',
mode: 'cors', //tried no-cors and same-origin
headers: {
'X-Auth-Token': auth_token' // custom-header
}
}).then(response => console.info(response))
.then(data => {
console.info(data);
}
});
package.json файл имеет "proxy": "http://my-api-domain/"
Затем у меня возникает эта ошибка в браузере (firefox):
- Cross-Origin Request Blocked: (Reason: missing token ‘x-auth-token’ in CORS header ‘Access-Control-Allow-Headers’ from CORS preflight channel).
- Cross-Origin Request Blocked: (Reason: missing token ‘access-control-allow-headers’ in CORS header ‘Access-Control-Allow-Headers’ from CORS preflight channel).
- Cross-Origin Request Blocked: (Reason: CORS request did not succeed).
PS: Конфигурация сервера API в порядке. Я тестировал свой API на Postman. Отправьте запрос GET с заголовком key: X-Auth-Token; value: [token]. Работает отлично.





Это работает в почтальоне, потому что он игнорирует запросы CORS.
Если вы установите режим «no-cors», он все равно может игнорироваться браузером в качестве меры безопасности. Chrome наверняка проигнорирует этот флаг и вернет вам ошибку.
Решения:
Пример Chrome - отсутствие безопасности (Windows)
"C:\Program Files\Google\Chrome\Application\chrome.exe" --args --disable-web-security
я нашел решение. Я должен был проксировать свой сервер :)