Node-vibrant: Ne fonctionne pas sur l'origine croisée

Créé le 3 sept. 2019 · 9Commentaires · Source: Vibrant-Colors/node-vibrant

J'utilise vibrant dans le navigateur et les images sont sur un serveur différent de celui servant mon application, en fait ce sont des photos de Google Places. J'ai essayé à la fois de charger une chaîne ou un mais j'ai toujours une erreur d'origine croisée. Mon navigateur est Firefox.

Je pense que les images d'origine croisée sont un scénario courant, comment les faites-vous fonctionner ?

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

Source

lucafaggianelli

👍1

Commentaire le plus utile

Des mises à jour à ce sujet ?

jooohyunpark le 3 sept. 2020

👍4 ❤1

Tous les 9 commentaires

L'utilisation de cors-anywhere a fonctionné pour moi. Tout ce que vous avez à faire est d'ajouter l'URL cors-anywhere à l'URL de votre image.

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

Ensuite, utilisez-le pour passer au constructeur Vibrant. Notez que vous ne pouvez pas utiliser cette URL cors si vous essayez simplement de la charger dans un src img ou une image d'arrière-plan, etc. - vous devrez toujours utiliser l'URL directe pour cela.

SmartASCII le 20 sept. 2019

👎2

@SmartASCII bien que cela puisse fonctionner pour certains cas, marteler cors-anywhere pour des projets à plus grande échelle ne serait pas idéal (ni une fuite de données de cette façon). Je suggérerais de permettre aux en-têtes de toute demande Vibrant d'être modifiés et ajoutés en tant que fonctionnalité à node-vibrant

crutchcorn le 20 sept. 2019

Oui, le proxy pourrait fonctionner, mais comme solution de contournement temporaire, je ne l'utiliserais pas
en production. À la fin, je télécharge des photos sur mon serveur et le problème est
résolu

Le ven. 20 sept. 2019, 20:54 Corbin Crutchley [email protected]
a écrit:

@SmartASCII https://github.com/SmartASCII alors que cela pourrait fonctionner pour
dans certains cas, marteler des cors n'importe où pour des projets à plus grande échelle serait
ne serait pas idéal (ni une fuite de données de cette façon). Je suggérerais d'autoriser le
en-têtes pour toute demande Vibrant pouvant être modifié ajouté en tant que
fonctionnalité à nœud-vibrant
-
Vous recevez ceci parce que vous avez créé le fil.
Répondez directement à cet e-mail, consultez-le sur GitHub
https://github.com/akfish/node-vibrant/issues/101?email_source=notifications&email_token=ABCDSA4GJKDYSKYAUY6C5ADQKUL5TA5CNFSM4ITLGRV2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVX5CNFSM4ITLGRV2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVS5WY5ZLOE
ou couper le fil
https://github.com/notifications/unsubscribe-auth/ABCDSAYXIIX65U3I25N256LQKUL5TANCNFSM4ITLGRVQ
.

lucafaggianelli le 20 sept. 2019

Même problème, je travaille sur un moyen de le résoudre!

Areskul le 17 avr. 2020

Une idée sur la façon de le réparer? J'utilise react-palette avec des images dans S3 et de temps en temps, je reçois l'erreur CORS.

Danistc le 5 mai 2020

J'ai utilisé CORS-anywhere pour m'assurer qu'une telle solution fonctionnerait, puis j'ai intégré ma propre solution de proxy CORS dans mon projet Node afin que je puisse rediriger localement - cela fonctionne bien depuis des mois maintenant.

SmartASCII le 5 mai 2020

Des mises à jour à ce sujet ?

jooohyunpark le 3 sept. 2020

👍4 ❤1

quelqu'un essaie de résoudre ce problème ?

RohitKaushal7 le 25 janv. 2021

L'utilisation de cors-anywhere a fonctionné pour moi. Tout ce que vous avez à faire est d'ajouter l'URL cors-anywhere à l'URL de votre image.
vibrantUrl= "https://cors-anywhere.herokuapp.com/" + imageUrl;
Ensuite, utilisez-le pour passer au constructeur Vibrant. Notez que vous ne pouvez pas utiliser cette URL cors si vous essayez simplement de la charger dans un src img ou une image d'arrière-plan, etc. - vous devrez toujours utiliser l'URL directe pour cela.

l'ajout de cors-anywhere ne fonctionne pas dans mon projet angulaire 10. node-vibrant incapable de charger les images du serveur en raison de la politique cors.
quelqu'un a une meilleure solution à ce problème ?