Node-vibrant: Tidak bekerja pada asal silang

Dibuat pada 3 Sep 2019 · 9Komentar · Sumber: Vibrant-Colors/node-vibrant

Saya menggunakan dinamis di browser dan gambar berada di server yang berbeda dari yang melayani aplikasi saya, sebenarnya itu adalah foto Google Places. Saya mencoba memuat string atau tapi saya selalu mendapat kesalahan Cross-Origin. Peramban saya adalah Firefox.

Saya pikir gambar lintas asal adalah skenario umum, bagaimana Anda membuatnya bekerja?

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

Sumber

lucafaggianelli

👍1

Komentar yang paling membantu

Ada pembaruan tentang ini?

jooohyunpark pada 3 Sep 2020

👍4 ❤1

Semua 9 komentar

Menggunakan cors-anywhere bekerja untuk saya. Yang harus Anda lakukan adalah menambahkan URL cors-anywhere ke URL gambar Anda.

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

Kemudian gunakan itu untuk meneruskan ke pembuat Vibrant. Perhatikan bahwa Anda tidak dapat menggunakan URL kor ini jika Anda hanya mencoba memuatnya ke dalam img src atau gambar latar, dll -- Anda masih harus menggunakan URL langsung untuk itu.

SmartASCII pada 20 Sep 2019

👎2

@SmartASCII sementara ini mungkin berhasil untuk beberapa kasus, memalu cors-anywhere untuk proyek skala yang lebih besar tidak akan ideal (juga tidak akan membocorkan data seperti itu). Saya sarankan mengizinkan tajuk untuk permintaan Vibrant untuk dapat dimodifikasi ditambahkan sebagai fitur ke node-vibrant

crutchcorn pada 20 Sep 2019

Ya, proxy dapat berfungsi, tetapi sebagai solusi sementara, saya tidak akan menggunakannya
dalam produksi. Pada akhirnya saya mengunggah foto ke server saya dan masalahnya adalah
terpecahkan

Pada Jumat, 20 Sep 2019, 20:54 Notifikasi Corbin [email protected]
menulis:

@SmartASCII https://github.com/SmartASCII sementara ini mungkin berhasil
beberapa contoh, memalu kors-di mana saja untuk proyek skala yang lebih besar akan
tidak ideal (juga tidak akan membocorkan data seperti itu). Saya sarankan mengizinkan
header untuk setiap permintaan Vibrant agar dapat dimodifikasi ditambahkan sebagai
fitur ke node-vibrant
—
Anda menerima ini karena Anda yang menulis utas.
Balas email ini secara langsung, lihat di GitHub
https://github.com/akfish/node-vibrant/issues/101?email_source=notifications&email_token=ABCDSA4GJKDYSKYAUY6C5ADQKUL5TA5CNFSM4ITLGRV2YY3PNVWWK3TUL52HS4DFVREXG43VMWS2ZW63LNMVXHJKT67com
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/ABCDSAYXIIX65U3I25N256LQKUL5TANCNFSM4ITLGRVQ
.

lucafaggianelli pada 20 Sep 2019

Masalah yang sama, sedang mencari cara untuk memperbaikinya!

Areskul pada 17 Apr 2020

Adakah ide tentang cara memperbaikinya? Saya menggunakan palet reaksi dengan gambar dalam S3 dan dari waktu ke waktu saya menerima kesalahan CORS.

Danistc pada 5 Mei 2020

Saya menggunakan CORS-di mana saja untuk memastikan solusi seperti itu akan berfungsi dan kemudian menggulirkan solusi proxy CORS saya sendiri ke dalam proyek Node saya sehingga saya dapat mengarahkan ulang secara lokal -- telah bekerja dengan baik selama berbulan-bulan sekarang.

SmartASCII pada 5 Mei 2020

Ada pembaruan tentang ini?

jooohyunpark pada 3 Sep 2020

👍4 ❤1

ada yang mencoba memperbaiki ini?

RohitKaushal7 pada 25 Jan 2021

Menggunakan cors-anywhere bekerja untuk saya. Yang harus Anda lakukan adalah menambahkan URL cors-anywhere ke URL gambar Anda.
vibrantUrl= "https://cors-anywhere.herokuapp.com/" + imageUrl;
Kemudian gunakan itu untuk meneruskan ke pembuat Vibrant. Perhatikan bahwa Anda tidak dapat menggunakan URL kor ini jika Anda hanya mencoba memuatnya ke dalam img src atau gambar latar, dll -- Anda masih harus menggunakan URL langsung untuk itu.

menambahkan cors-anywhere tidak berfungsi di proyek sudut 10 saya. node-vibrant tidak dapat memuat gambar dari server karena kebijakan cors.
adakah yang punya solusi yang lebih baik untuk masalah ini?