Node-vibrant: Funktioniert nicht bei Kreuzursprung

Erstellt am 3. Sept. 2019  ·  9Kommentare  ·  Quelle: Vibrant-Colors/node-vibrant

Ich verwende im Browser "Visive" und die Bilder befinden sich auf einem anderen Server als dem, auf dem meine App bereitgestellt wird. Tatsächlich handelt es sich um Google Places-Fotos. Ich habe versucht, sowohl eine Zeichenfolge als auch eine zu laden aber ich habe immer einen Cross-Origin-Fehler. Mein Browser ist Firefox.

Ich denke, Cross-Origin-Images sind ein gängiges Szenario. Wie funktioniert es?

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

Hilfreichster Kommentar

Gibt es diesbezüglich Neuigkeiten?

Alle 9 Kommentare

Die Verwendung von cors-anywhere hat bei mir funktioniert. Alles, was Sie tun müssen, ist, die URL von cors-anywhere der URL Ihres Bildes voranzustellen.

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

Verwenden Sie dies dann, um an den Vibrant-Builder zu übergeben. Beachten Sie, dass Sie diese Cors-URL nicht verwenden können, wenn Sie nur versuchen, sie in eine img src oder ein Hintergrundbild usw. zu laden - Sie müssen dafür immer noch die direkte URL verwenden.

@SmartASCII Während dies in einigen Fällen funktionieren könnte, wäre es nicht ideal, cors-anywhere für größere Projekte zu hämmern (und auch kein Datenleck auf diese Weise). Ich würde vorschlagen, dass die Header für jede Vibrant Anfrage geändert werden können und als Funktion zu node-vibrant hinzugefügt werden

Ja, der Proxy könnte funktionieren, aber als vorübergehenden Workaround würde ich ihn nicht verwenden
in Produktion. Am Ende lade ich Bilder auf meinen Server hoch und das Problem ist
gelöst

Am Freitag, 20. September 2019, 20:54 Uhr Corbin Crutchley [email protected]
schrieb:

@SmartASCII https://github.com/SmartASCII, während dies möglicherweise funktioniert
In einigen Fällen würde das Hämmern von Cors-überall für größere Projekte
nicht ideal sein (und auf diese Weise auch kein Datenleck). Ich würde vorschlagen, dies zuzulassen
Header für jede Vibrant-Anfrage, die geändert werden kann, als a . hinzugefügt
Funktion zu Knoten-Vibrant


Sie erhalten dies, weil Sie den Thread verfasst haben.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/akfish/node-vibrant/issues/101?email_source=notifications&email_token=ABCDSA4GJKDYSKYAUY6C5ADQKUL5TA5CNFSM4ITLGRV2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJ
oder den Thread stumm schalten
https://github.com/notifications/unsubscribe-auth/ABCDSAYXIIX65U3I25N256LQKUL5TANCNFSM4ITLGRVQ
.

Gleiches Problem, arbeite an einer Lösung!

Irgendeine Idee, wie man es beheben kann? Ich verwende die React-Palette mit Bildern in S3 und erhalte von Zeit zu Zeit den CORS-Fehler.

Ich habe CORS-anywhere verwendet, um sicherzustellen, dass eine solche Lösung funktioniert, und dann meine eigene CORS-Proxy-Lösung in mein Node-Projekt eingebunden, damit ich lokal umleiten konnte - funktioniert jetzt seit Monaten einwandfrei.

Gibt es diesbezüglich Neuigkeiten?

versucht jemand das zu beheben?

Die Verwendung von cors-anywhere hat bei mir funktioniert. Alles, was Sie tun müssen, ist, die URL von cors-anywhere der URL Ihres Bildes voranzustellen.

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

Verwenden Sie dies dann, um an den Vibrant-Builder zu übergeben. Beachten Sie, dass Sie diese Cors-URL nicht verwenden können, wenn Sie nur versuchen, sie in eine img src oder ein Hintergrundbild usw. zu laden - Sie müssen dafür immer noch die direkte URL verwenden.

Hinzufügen von cors-anywhere funktioniert in meinem eckigen 10-Projekt nicht. Node-Vibrant kann aufgrund der Cors-Richtlinie keine Bilder vom Server laden.
hat jemand eine bessere lösung für dieses problem?

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen