Node-vibrant: クロスオリジンに取り組んでいない

作成日 2019年09月03日  ·  9コメント  ·  ソース: Vibrant-Colors/node-vibrant

私はブラウザで鮮やかな画像を使用していますが、画像はアプリを提供しているサーバーとは別のサーバーにあります。実際には、Googleプレイスの写真です。 文字列の読み込みとしかし、私は常にクロスオリジンエラーを受け取りました。 私のブラウザは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

最も参考になるコメント

これに関する更新はありますか?

全てのコメント9件

corsの使用-どこでも私のために働いた。 あなたがしなければならないのはあなたの画像のURLにcors-anywhereURLを付加することです。

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

次に、それを使用してVibrantBuilderに渡します。 img srcやbackground-imageなどにロードしようとしているだけの場合は、このcors URLを使用できないことに注意してください。それでも、直接URLを使用する必要があります。

@SmartASCIIは、一部のインスタンスでは機能する可能性がありますが、大規模なプロジェクトでcors-anywhereをハンマーで叩くのVibrantリクエストのヘッダーを変更して、 node-vibrant機能として追加できるようにすることをお勧めします

はい、プロキシは機能しますが、一時的な回避策として、使用しません
生産中。 最後に、サーバーに写真をアップロードしています。問題は
解決しました

金、2019年9月20日には、20:54コービンCrutchley [email protected]
書きました:

@SmartASCII https://github.com/SmartASCIIこれは、
場合によっては、corsをハンマーで叩く-大規模なプロジェクトの場合はどこでも
理想的ではありません(そのようにデータを漏らすこともありません)。 許可することをお勧めします
変更できるようにするVibrantリクエストのヘッダーは、
ノード活気のある機能


スレッドを作成したため、これを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/akfish/node-vibrant/issues/101?email_source=notifications&email_token=ABCDSA4GJKDYSKYAUY6C5ADQKUL5TA5CNFSM4ITLGRV2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKT
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/ABCDSAYXIIX65U3I25N256LQKUL5TANCNFSM4ITLGRVQ

同じ問題、それを修正する方法に取り組んでいます!

それを修正する方法について何かアイデアはありますか? S3の画像でreact-paletteを使用していますが、CORSエラーが発生することがあります。

私はCORSを使用しました-そのようなソリューションが機能することを確認するためにどこでも、ローカルにリダイレクトできるように自分のCORSプロキシソリューションをノードプロジェクトにロールインしました-ここ数ヶ月は正常に機能していました。

これに関する更新はありますか?

これを修正しようとしている人はいますか?

corsの使用-どこでも私のために働いた。 あなたがしなければならないのはあなたの画像のURLにcors-anywhereURLを付加することです。

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

次に、それを使用してVibrantBuilderに渡します。 img srcやbackground-imageなどにロードしようとしているだけの場合は、このcors URLを使用できないことに注意してください。それでも、直接URLを使用する必要があります。

corsの追加-Angular10プロジェクトで機能していない場所。 cors-policyが原因で、node-vibrantがサーバーからイメージをロードできません。
誰かがこの問題のより良い解決策を持っていますか?

このページは役に立ちましたか?
0 / 5 - 0 評価