Node-vibrant: No funciona en origen cruzado

Creado en 3 sept. 2019 · 9Comentarios · Fuente: Vibrant-Colors/node-vibrant

Estoy usando vibrante en el navegador y las imágenes están en un servidor diferente al que sirve a mi aplicación, en realidad son fotos de Google Places. Intenté cargar una cadena o una pero siempre tengo un error de origen cruzado. Mi navegador es Firefox.

Creo que las imágenes de origen cruzado son un escenario común, ¿cómo lo haces funcionar?

Cross-Origin Request Blocked:
The Same Origin Policy disallows reading the remote resource at
https://maps.googleapis.com/maps/api/place/js/PhotoService.G...
(Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Luca

good first issue

Fuente

lucafaggianelli

👍1

Comentario más útil

¿Alguna actualización sobre esto?

jooohyunpark en 3 sept. 2020

👍4 ❤1

Todos 9 comentarios

Usar cors-en cualquier lugar funcionó para mí. Todo lo que tienes que hacer es anteponer la URL de cors-anywhere a la URL de tu imagen.

vibrantUrl= "https://cors-anywhere.herokuapp.com/" + imageUrl;

Luego úsalo para pasar al constructor Vibrant. Tenga en cuenta que no puede usar esta URL de cors si solo está tratando de cargarla en un img src o una imagen de fondo, etc., necesitará usar la URL directa para eso todavía.

SmartASCII en 20 sept. 2019

👎2

@SmartASCII, si bien esto podría funcionar para algunos casos, martillar cors-anywhere para proyectos de mayor escala no sería ideal (ni tampoco filtrar datos de esa manera). Sugeriría permitir que los encabezados de cualquier solicitud Vibrant se puedan modificar y agregar como una característica a node-vibrant

crutchcorn en 20 sept. 2019

Sí, el proxy podría funcionar, pero como solución temporal, no lo usaría
en producción. Al final, estoy subiendo fotos a mi servidor y el problema es
resuelto

El viernes 20 de septiembre de 2019 a las 20:54 Corbin Crutchley [email protected]
escribió:

@SmartASCII https://github.com/SmartASCII aunque esto podría funcionar para
En algunos casos, martillar cors en cualquier lugar para proyectos de mayor escala
no sería ideal (ni tampoco la filtración de datos de esa manera). Sugeriría permitir el
encabezados para que cualquier solicitud Vibrant pueda ser modificada agregada como una
función a nodo-vibrante
-
Estás recibiendo esto porque eres el autor del hilo.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/akfish/node-vibrant/issues/101?email_source=notifications&email_token=ABCDSA4GJKDYSKYAUY6C5ADQKUL5TA5CNFSM4ITLGRV2YY3PNVWWK3TUL52HS4DFVREXG43VMDVN7W53ment ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/ABCDSAYXIIX65U3I25N256LQKUL5TANCNFSM4ITLGRVQ
.

lucafaggianelli en 20 sept. 2019

El mismo problema, ¡estoy trabajando para solucionarlo!

Areskul en 17 abr. 2020

¿Alguna idea de cómo solucionarlo? Estoy usando react-palette con imágenes en S3 y de vez en cuando recibo el error CORS.

Danistc en 5 may. 2020

Usé CORS en cualquier lugar para asegurarme de que una solución como esa funcionaría y luego implementé mi propia solución de proxy CORS en mi proyecto Node para poder redirigir localmente; he estado funcionando bien durante meses.

SmartASCII en 5 may. 2020

¿Alguna actualización sobre esto?

jooohyunpark en 3 sept. 2020

👍4 ❤1

¿Alguien está intentando arreglar esto?

RohitKaushal7 en 25 ene. 2021

Usar cors-en cualquier lugar funcionó para mí. Todo lo que tienes que hacer es anteponer la URL de cors-anywhere a la URL de tu imagen.
vibrantUrl= "https://cors-anywhere.herokuapp.com/" + imageUrl;
Luego úsalo para pasar al constructor Vibrant. Tenga en cuenta que no puede usar esta URL de cors si solo está tratando de cargarla en un img src o una imagen de fondo, etc., necesitará usar la URL directa para eso todavía.

agregando cors-en cualquier lugar que no funcione en mi proyecto angular 10. Nodo-Vibrante no puede cargar imágenes desde el servidor debido a la política de cors.
¿Alguien tiene una mejor solución para este problema?