Evitar error CORS Access-Control-Allow-Origin con AJAX

Para evitar el error del cors Access-Control-Allow-Origin al trabajar con AJAX, debemos configurar Apache para que comparta recursos.

En mi caso al trabajar en local, configuro el fichero httpd.conf y le añado:

 <IfModule mod_headers.c>
   Header set Access-Control-Allow-Origin "*"
 </IfModule>

Ahora debes activar el módulo headers de Apache, puedes lanzar el comando a2enmod headers, o bien si usas WampServer irte al menú de módulos de Apache y activarlo.

Ahora reiniciamos el servidor y ya no nos volverá a dar este error.

Victor

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post

3 Comentarios

  1. Hola Victor, probe de distintas maneras y nada mas no me funcionaba, me marcaba el error:

    Solicitud desde origen distinto bloqueada: la política de mismo origen impide leer el recurso remoto en http://slim.app/restaurantes-api.php/restaurantes. Esto se puede arreglar moviendo el recurso al mismo dominio o activando CORS.

    Al final, le agregue al archivo restaurantes-api.php lo siguiente, y me funcionó:

    <?php
    header("access-control-allow-origin: *");
    require_once 'vendor/autoload.php';

    Responder
  2. Hola, me funciono perfectamente, pero cuando intento acceder al localhost de mi maquina, desde un dispositivo móvil usando mi dirección ip en vez de localhost y dandole el puerto correcto, de esa manera me marca error en la peticion ( en resumen, desde el chrome del celular no me funciona) tiene esto solución?

    Saludos

    Responder
  3. Gracias Funciona de Maravilla 😀

    Responder

Poner un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *