Приложение React выдает мне ошибку политики CORS. Как я могу это исправить? ⇐ Php

[Anonymous]

Я пытаюсь создать страницу входа в React с помощью Vite. Чтобы проверить учетные данные для входа, я создал API на PHP. Когда я тестирую API с помощью Postman, он возвращает данные, но с моим приложением реагирования он не работает.
Как это исправить? Мое приложение реагирования в настоящее время находится на локальном хосте, а мой API — на моем веб-сайте. Я добавил ссылку на API ниже.
Ошибки в консоли:

Доступ к XMLHttpRequest по адресу «http://ahmadchattha.com/projects/taleemei/API/index.php» из источника «http://localhost:5173» заблокирован политикой CORS: нет «Access-Control-Allow-Origin». ' заголовок присутствует в запрошенном ресурсе.
http://ahmadchattha.com/projects/taleemei/API/index.php net::ERR_FAILED 301 (перемещено навсегда)

PHP-код:

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

try {
$con = new PDO("mysql:host=$host;dbname=$database", $username, $password);
$con->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch(PDOException $e) {
echo "Connection failed: " . $e->getMessage();
}

header('Content-type: application/json');
header('Access-Control-Allow-Origin: *');

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
if (!empty($_POST['email']) && !empty($_POST['password'])) {
$userEmail = $_POST['email'];
$userPassword = $_POST['password'];
try {

App.jsx:

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

import $ from 'jquery';
$.ajax({
type: 'POST',
url: form.attr('action'),
dataType: "json",
data: form.serialize(),
crossDomain: true,
format: "json",
success(data) {
setResult(data);
console.log(data)
},
});

Перед использованием jQuery я также пытался использовать Axios, но безуспешно. Кроме того, я не очень хорошо представляю, что мне следует использовать, потому что я совершенно новичок в React.
[img]https:// i.sstatic.net/JpqVUmM2.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/787 ... n-i-fix-it