Quiero obtener una imagen codificada en base64 de otro dominio. He habilitado CORS en el backend pero recibo un error:
Solicitud de origen cruzado bloqueada: la política del mismo origen no permite leer el recurso remoto en https://codedecoder.pythonanywhere.com/media/embed/2021/10/07/temp.jpg . (Motivo: falta el encabezado CORS 'Access-Control-Allow-Origin')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <img id="datadiv"></img> var src = 'https://codedecoder.pythonanywhere.com/media/embed/2021/10/07/temp.jpg' $.ajax({ type: "GET", url: `https://codedecoder.pythonanywhere.com${src}`, crossDomain: true, success: function(dayta) { console.log(dayta); $('#datadiv')[0].src = dayta; }, })Establece encabezados CORS en el lado del servidor. No es un problema del lado del cliente. Pero, para fines de desarrollo, puede usar la extensión CORS de Chrome. Búscalo en la tienda de extensiones de Chrome.
Para Django, consulte el paquete django-cors-headers:
https://github.com/adamchainz/django-cors-headers
Lo mantiene un miembro del equipo técnico de Django Software Foundation.