クロスドメイン JavaScript の理由は、ブラウザーの相同性ポリシーの制限により、現在のドメイン名の js は同じドメイン内のウィンドウ属性しか読み取れないため、クロスドメインが発生するためです。同一生成元ポリシーとは、ユーザー情報のセキュリティを確保し、悪意のある Web サイトによるデータの盗難を防ぐために、ブラウザーが異なるドメイン間の JS 対話を禁止することを意味します。
VUE3.0 をすぐに始める方法:
このチュートリアルの動作環境を入力します: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
クロスドメインの問題は、ブラウザーの同一オリジン ポリシーによって制限されています。現在のドメイン名の js は、同じドメイン内のウィンドウ属性のみを読み取ることができます。
ブラウザの同一オリジンポリシー制限のため。同一生成元ポリシーは、ブラウザの中核となる最も基本的なセキュリティ機能です。同一生成元ポリシーが存在しない場合、ブラウザの通常の機能が影響を受ける可能性があります。 Web は同一生成元ポリシーに基づいて構築されていると言えます。ブラウザは同一生成元ポリシーの実装にすぎません。同一生成元ポリシーは、あるドメインの JavaScript スクリプトが別のドメインのコンテンツと対話することを防ぎます。いわゆる同じオリジン (つまり、同じドメイン内) とは、2 つのページが同じプロトコル、ホスト、ポート番号を持つことを意味します。
簡単に言えば、同一生成元ポリシーとは、ユーザー情報のセキュリティを確保し、悪意のある Web サイトによるデータの盗難を防ぐために、ブラウザーが異なるドメイン間の JS 対話を禁止することを意味します。ブラウザの場合、ドメイン名、プロトコル、ポートのいずれかが異なる限り、同一生成元ポリシーがトリガーされ、ブラウザ間の次のやり取りが制限されます。
1. Cookie、LocalStorage、および IndexDB を読み取ることができません
。 DOM を取得できません。3
. AJAX リクエストを送信できません。
クロスドメインのより厳密な定義は、プロトコル、ドメイン名、ポートが異なる限り、クロスドメインとみなされます。
クロスドメイン ソリューション
JSONP: リクエスト メソッドに dataType: "jsonp" を追加する必要があります。 // データ形式は jsonp に設定されます。 jsonp: "callback"、 // Jquery は検証パラメーター 1 の名前
、dataType、
を生成します。このパラメータは jsonp 2.jsonp に設定する必要があります
。このパラメータの値はサーバー側の
nginx リバース プロキシ
Webpack と合意する必要があります。 リバース プロキシを構成します。スキャフォールディング devServer を直接使用して、クロスドメインの問題を解決するためにリバース プロキシを構成します。開発プロセス
クロスドメイン リソース共有 (CORS)
Nodejs クロスドメイン: nodejs をローカルで使用してサーバーをセットアップし、そのサーバーを通じてバックエンド サーバーを呼び出し、データを返し、その後フロントエンド サーバーに返します。 クロスドメインはありません。 -domain
WebSocket プロトコル。JSONP を介した
クロスドメイン
。JSONP は script タグを使用して取得するメソッドを使用するだけです。
JSONP の原則: フロントエンドは適切なメソッドを定義し、それを src 属性を通じてバックエンドに渡します。その後、データ スプライシング メソッドを入力します
。
フロントエンドはこれを
JSONP を呼び出すメソッドとして使用します。このコールバックは主にフロントエンドとバックエンドによって合意されています
。
上記は、クロスドメイン JavaScript コンテンツの理由の詳細です。詳細については、php 中国語 Web サイトの他の関連記事に注目してください。
