¿Qué es CORS?
CORS viene del ingles que significa Cross Origin Resource Sharing.
Por defecto, los navegadores como chrome, firefox, safari, etc. no permiten que una pagina web pida recursos o elementos de otras paginas web. La solucion es activar CORS en tu hosting.
CORS le avisa a los navegadores que permitan mostrar contenido de otras paginas web en tu pagina web.
Atención! Activar CORS en cPanel solo solucionara la parte del hosting. Pero, no solo depende del hosting, sino tambien del navegador, y muchas veces son las configuraciones de seguridad de los navegadores que bloquean CORS en tu pagina web.
Activar CORS para fuentes de varias paginas web
Entra a tu administrador de archivos en cPanel (tu-dominio.com/cpanel)
Antes que nada activa la vista de archivos escondidos
Entras al public_html asi
Buscas el archivo .httaccess y le das clic derecho a editar
Agrega este codigo al final del archivo .httaccess y lo guardas
Header set Access-Control-Allow-Origin "*"
Este codigo le dice a los navegadores que considere confiable las peticiones de contenido de todas las paginas web.
Activar CORS para una sola fuente
Sigues los mismos pasos anteriores y al final solo varias la linea de codigo a esta:
Header always set Access-Control-Allow-Origin "https://pagina-fuente-externa.com"
En donde pagina-fuente-externa.com es la dominio de la pagina web que quieres que el navegador considere confiable.
Activar CORS para avanzados
Si conoces de programacion PHP, puedes usar este codigo si lo entiendes:
<IfModule mod_headers.c> Header always set Access-Control-Allow-Origin "*" Header always set Access-Control-Allow-Methods "GET, POST, PUT, DELETE, PATCH, OPTIONS" Header always set Access-Control-Max-Age "1000" Header always set Access-Control-Allow-Headers "Origin, Accept, Accept- Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version, x-api-key, X-Response-Time, X-PINGOTHER, X-CSRF-Token,Authorization" Header always set Access-Control-Expose-Headers "*" </IfModule>
