Estoy desarrollando una api con php para una sistema web, utilizo la libreria Flight para desarrollarla. He configurado en la api los headers:
header('Access-Control-Allow-Origin: *');
header("Allow: GET, POST, PUT, DELETE, UPDATE, OPTIONS");
header("Access-Control-Allow-Methods: GET, POST, PUT, DELETE, UPDATE, OPTIONS");
header("Access-Control-Allow-Headers: X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method, Access-Control-Request-Headers, Authorization");
header("HTTP/1.1 200 OK");
Sin embargo al momento de hacer una peticion fetch() a la url de la api me arroja un error de CORS el cual dice lo siguiente:
Access to fetch at 'https://localhost/api/api/v1/1254652f4/dashboard/' from origin 'http://localhost' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.
Dicho sea de paso realizo la misma peticion con Postman y no da ningun error. Tengo de igual manera un archivo .htaccess en el cual estan las siguientes lineas:
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php [QSA,L]
La peticion fetch la realizo de la siguiente manera:
var myHeaders = new Headers();
myHeaders.append("Authorization", "Bearer");
myHeaders.append("x-api-key", "$2y$15$eXAElFJHbJYZ1Hj.uY7IWubUyulOSo68tXEicCv/MV7Nax816RmGC");
myHeaders.append("Access-Control-Allow-Origin", "*");
var requestOptions = {
method: 'GET',
headers: myHeaders,
redirect: 'follow'
};
fetch("http://localhost/api/api/v1/1254652f4/dashboard/", requestOptions)
.then(response => response.json())
.then(result => console.log(result))
.catch(error => console.log('error', error));
E intentado de igual manera agregar los headers en este archivo más sin embargo el resultado es el mismo, espero y puedan apoyarme a encontrar o a saber la solución. Muchas gracias de antemano.