問題のシナリオ
問題の原因は、ページのイメージリソースのアドレスがボスのサービスに切り替わり、テストでは、要求のボスのイメージリソースの元のイメージ編集機能は、ブラウザのプロンプトをリソースクロスドメイン、次の方法で報告された特定のエラーであることがわかりました:
この問題に遭遇し、最初の思考は、問題のCORSの設定ですが、OPの先生は、サーバーのCORSのルールの設定を確認し、クロスドメインに許可されています。構成の一部は次のとおりです:
それで... 何が問題なの?
プロジェクトのコードロジックを以下のように合理化しました:
このロジックは、キャンバスの処理クロスドメインのイメージでは、より一般的な対処する方法は、スイッチのイメージリソースのアドレスのほかに、関数は通常の使用です。
上記のロジックが crossOrigin: anonymous 属性で追加されていない場合、正常に読み込まれますが、canvas はクロスドメインを許可するリソースで読み込まれる必要があります。
最終的に、crossOriginをlocation.originに変更することで問題は解決しました。
しかし、クロスドメインのリソースを扱う場合、個人的には以下の方法をお勧めします:
![]