React + PHP API выдает ошибку предварительной проверки CORS ⇐ Php

[Anonymous]

Я пытаюсь вызвать PHP API, работающий на localhost:8000, из приложения React, работающего на localhost:3000. После многих попыток я все еще получаю сообщение об ошибке:

"Предварительная проверка CORS не выполнена"

Отправлено из приложения React:
[img]https://i.sstatic.net /laxvk.png[/img]

Отправлено из инструментов разработчика:
[img]https:/ /i.sstatic.net/pTVTP.png[/img]

Мой API имеет следующие заголовки:

Код: Выделить всё

if (@$_SERVER['HTTP_ORIGIN']) {
header("Origin: http://localhost:8000");
header("Access-Control-Allow-Origin: *");
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');
header('Access-Control-Max-Age: 1000');
header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');
}

Я вызываю API с помощью fetch следующим образом (но он каким-то образом отправляет пустое тело запроса):

Код: Выделить всё

let inputData:object = {email, password}
fetch("http://localhost:8000/data/login", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(inputData)
})
.then(response => {
console.log(response)
})
.catch(error => {
console.log(error)
})

Странно то, что запросы работают нормально, когда они отправляются непосредственно из инструментов разработчика браузера (2-й скриншот) или клиентов API, таких как Insomnia:
< img alt="Отправлено из API-клиента" src="https://i.sstatic.net/8fr6K.png" />

Подробнее здесь: https://stackoverflow.com/questions/704 ... ight-error