Vue開発で遭遇したクロスドメイン問題と解決方法

981 ワード

ドメインにまたがるとは、aページがbページのリソースを取得したいということであり、aページのプロトコル、ドメイン名、ポート、サブドメイン名が異なる場合、またはaページがipアドレス、bページがドメイン名アドレスであり、ブラウザがセキュリティ上の問題のためにドメイン間のアクセスを制限している場合、ドメイン間のリソースを要求してはいけないということである。
1.json p
原理は:Scriptタグを動的に挿入し、scriptタグを通じてjsファイルを導入し、このjsファイルが成功したらurlパラメータで指定された関数を実行し、必要なjsonデータをパラメータとして入力します。
同ソースポリシーの制限により、XmlHttpRequestは、現在のソース(ドメイン名、プロトコル、ポート)のリソースのみを要求することができ、ドメイン間の要求を実現するために、scriptタグを通じてドメイン間の要求を実現し、その後、サービス端末でJSONデータを出力し、リターン関数を実行し、ドメイン間のデータ要求を解決することができる。
利点は、互換性がよく、簡単で使いやすく、ブラウザとサーバーの双方向通信をサポートします。
欠点はGET要求のみをサポートすることです。
2.core
CORSを採用しています。バックグラウンドに応答ヘッダにAccess-Coontrol-Originを追加します。これで、ドメインをまたいでバックグラウンドインターフェースを調整できます。 
3.vue開発期間のアプリエージェント
このサンプルを既存のバックエンドと統合する場合、通常はDevサーバを使用する場合、バックエンドAPIにアクセスする必要がある。この点を実現するために、私たちはDevサーバとAPIバックエンドを並列(またはリモート)に実行し、Devサーバに実際のバックエンドにすべてのAPI要求をプロキシさせることができる。

以上が今回紹介したすべての関連知識点です。もし何か補足があれば、私達の小編に連絡してください。