Tengo una API en php y la estoy consumiendo desde una app hecha con Vue (las peticiones las hago con axios). el asunto es que las tengo ambas desplegadas en heroku, cuando intento hacer un PUT o un DELETE me arroja el siguiente error:
Access to XMLHttpRequest at 'http://mystore.test/api/usuarios/login' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource
seguido de:
POST http://mystore.test/api/usuarios/login net::ERR_FAILED
algo curioso es que cuando hago la peticion desde el origin: http://localhost:8080
no me permite hacer ni las peticiones GET ni POST.
cuando hago GET y POST no hay problema. he leido en la documentacion que deberia resolverse agregando:
header('Access-Control-Allow-Origin: *');
o en el .htaccess
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
ya intente ambas maneras pero me sigue arrojando el mismo error.
PD: no se si tenga que ver pero estoy utilizando el framework Slim para el backend y la documentacion que da tampoco es espesifica sobre este problema