Cors выпускает локальный сервер xampp и реагирует на интерфейс ⇐ Php

[Anonymous]

У меня есть локальный Xampp, работающий на http://localhost (порт 80)
Этот сервер предоставляет API в папке kiosk2/api (корневой файл api.php)
Файл .htaccess в этой папке

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

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept"
Header set Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS"

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule !^src($|/) api.php [L]

У меня есть приложение реагирования, работающее с использованием Vite на локальном хосте: 5173
Когда я получаю конечную точку без добавления заголовков, оно работает нормально

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

const res = await fetch(`http://localhost/kiosk2/api/items`);

Однако, когда я использую другой запрос и пытаюсь добавить токен авторизации, я получаю ошибку Cors.

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

const rawResponse = await fetch(url, {
headers: {
Authorization: "Basic " + btoa(user + ":" + password),
},
});

выдает следующую ошибку в браузере:
Доступ к загрузке по адресу «http://localhost/kiosk2/api/login» из источника ' http://localhost:5173' заблокирован политикой CORS: ответ на предполетный запрос не проходит проверку контроля доступа: у него нет статуса HTTP ok.
Может ли кто-нибудь мне помочь? вышел?

Подробнее здесь: https://stackoverflow.com/questions/792 ... t-frontend