Node-vibrant: Не работает с перекрестным происхождением

Созданный на 3 сент. 2019 · 9Комментарии · Источник: Vibrant-Colors/node-vibrant

Я использую в браузере яркий, и изображения находятся на другом сервере, чем тот, который обслуживает мое приложение, на самом деле это фотографии Google Адресов. Я пробовал загружать как строку, так и но у меня всегда возникала ошибка Cross-Origin. Мой браузер - Firefox.

Я думаю, что изображения с перекрестным происхождением - это распространенный сценарий, как заставить его работать?

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).

Лука

good first issue

Источник

lucafaggianelli

👍1

Самый полезный комментарий

Есть обновления по этому поводу?

jooohyunpark 3 сент. 2020

👍4 ❤1

Все 9 Комментарий

У меня сработало использование cors -where. Все, что вам нужно сделать, это добавить URL-адрес cors -where к URL-адресу вашего изображения.

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

Затем используйте это, чтобы передать Vibrant builder. Обратите внимание, что вы не можете использовать этот URL-адрес cors, если вы просто пытаетесь загрузить его в img src или background-image и т. Д. - вам все равно нужно использовать прямой URL-адрес для этого.

SmartASCII 20 сент. 2019

👎2

@SmartASCII, хотя в некоторых случаях это может сработать, использование cors-anywhere для крупномасштабных проектов не было бы идеальным (как и утечка данных таким образом). Я предлагаю разрешить изменение заголовков для любого запроса Vibrant добавленного в качестве функции в node-vibrant

crutchcorn 20 сент. 2019

Да, прокси может работать, но в качестве временного решения я бы не стал его использовать
в производстве. В конце я загружаю фотографии на свой сервер, и проблема в том, что
решено

Пт, 20 сентября 2019 г., 20:54 Корбин Кратчли [email protected]
написал:

@SmartASCII https://github.com/SmartASCII, хотя это может работать для
в некоторых случаях забивание коров куда угодно для крупномасштабных проектов могло бы
не будет идеальным (и утечка данных не будет таким образом). Я бы предложил разрешить
заголовки для любого динамического запроса, который можно изменить, добавленный как
функция для узловой яркости
-
Вы получаете это, потому что вы являетесь автором темы.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/akfish/node-vibrant/issues/101?email_source=notifications&email_token=ABCDSA4GJKDYSKYAUY6C5ADQKUL5TA5CNFSM4ITLGRV2YY3PNVWWK3TUL52HS4DFMVREXWG43
или отключить поток
https://github.com/notifications/unsubscribe-auth/ABCDSAYXIIX65U3I25N256LQKUL5TANCNFSM4ITLGRVQ
.

lucafaggianelli 20 сент. 2019

Та же проблема, мы работаем над ее исправлением!

Areskul 17 апр. 2020

Есть идеи, как это исправить? Я использую палитру реакции с изображениями в S3 и время от времени получаю ошибку CORS.

Danistc 5 мая 2020

Я использовал CORS -where, чтобы убедиться, что такое решение будет работать, а затем включил свое собственное решение прокси-сервера CORS в свой проект Node, чтобы я мог перенаправлять локально - уже несколько месяцев работает нормально.

SmartASCII 5 мая 2020

Есть обновления по этому поводу?

jooohyunpark 3 сент. 2020

👍4 ❤1

кто-нибудь пытается это исправить?

RohitKaushal7 25 янв. 2021

У меня сработало использование cors -where. Все, что вам нужно сделать, это добавить URL-адрес cors -where к URL-адресу вашего изображения.
vibrantUrl= "https://cors-anywhere.herokuapp.com/" + imageUrl;
Затем используйте это, чтобы передать Vibrant builder. Обратите внимание, что вы не можете использовать этот URL-адрес cors, если вы просто пытаетесь загрузить его в img src или background-image и т. Д. - вам все равно нужно использовать прямой URL-адрес для этого.

добавление корс-нигде не работает в моем проекте angular 10. node-vibrant не может загружать изображения с сервера из-за политики cors.
у кого-нибудь есть лучшее решение этой проблемы?