ビデオネットワーキングクラウドプラットフォームEasyCVSフロントエンドコールレポートAccess-Control-Allow-Originエラーソリューション

通常、ビデオネットワーキングクラウドプラットフォームEasyCVSはEasyCVRと共に使用されます。ビデオネットワーキングクラウドプラットフォームEasyCVSは、EasyCVRの統合分析と管理を実行でき、さまざまなプロジェクトシナリオに適しています。

CVSライブvideo.png

R&DスタッフがフロントエンドでEasyCVSサービスを呼び出したところ、サーバーがAccess-Control-Allow-Originエラーを報告していることがわかりました。

681.png

これらのキーワードを見ることができます:Access-Control-Allow-Origin、最初の反応は、このエラーがクロスドメインによって引き起こされているかどうかを検討することです。

1.クロスドメインとは何ですか?

フロントエンドフィールドのクロスドメインとは、ブラウザーがクロスドメインリクエストをサーバーに送信できるようにすることで、Ajaxは同じソースからしか使用できないという制限を克服することを意味します。

2.同一起源戦略とは何ですか?

同一生成元ポリシーは合意です。これは1995年にNetscapeによって導入されました。これはブラウザのコアおよび最も基本的なセキュリティ機能です。同一生成元ポリシーが欠落している場合、ブラウザはXSS、CSFRおよびその他の攻撃に対して脆弱です。いわゆるホモロジーは、同じ「プロトコル+ドメイン名+ポート」を指します。2つの異なるドメイン名が同じIPアドレスを指している場合でも、それらは相同ではありません。

同一生成元ポリシーは、次の動作を制限します。

  • Cookie、LocalStorage、IndexDBを読み取れません
  • DOMおよびJSオブジェクトは使用できません
  • AJAXリクエストを送信できません

3.一般的なクロスドメインシナリオ

682.png

4.バックエンドはクロスドメインリクエストをサポートします

EasyCVSバックエンドサービスとEasyCVSフロントエンドは別々に開発されており、フロントエンドは異なるサービスに属するNginxを介してデプロイされるため、フロントエンドがバックエンドインターフェースをリクエストすると、クロスドメインの問題が発生します。したがって、EasyCVSバックエンドはクロスドメインリクエストをサポートする必要があります。

683.png

5.バックエンド構成

EasyCVSバックエンド構成は、すべてのドメイン名のインターフェースにアクセスでき、GET、POST、PUT、PATCH、OPTIONS、およびDELETEの形式の要求をサポートします。この時点では、EasyCVSフロントエンドリクエストバックエンドインターフェイスは上記の問題を引き起こしません。

おすすめ

転載: blog.csdn.net/EasyNVS/article/details/106994889
おすすめ