ウェブ開発におけるクロスドメインの理由に対する複数のソリューション

クロスドメインの理由

これはブラウザの同一オリジンポリシー制限によるものです。

クロスドメインとは、リクエストURLがプロトコル、ドメイン名、ポート番号のいずれかが現在のページ URL と異なる場合は、クロスドメインです。

JSONP

この方法は開発には適しておらず、完全に排除されていると言えますが、実装の複雑さから、面接官はこの解決策に非常に興味を持っています。

基本的な考え方: Web ページは、<script> タグの src 属性を追加して、サーバーから JSON データを要求します。要求を受信すると、サーバーは指定された名前のコールバック関数のパラメーター位置にデータを配置し、それを返します。

デメリット: 完了するにはバックエンドの協力が必要で、GETリクエストしか送信できない

実装: バックエンドはメソッド呼び出しと実際のパラメータを返すことに注意してください。

Nginxソリューション

バックエンドソリューション

コントローラー層に注釈を追加します。

@CrossOrigin(オリジン = "*", 許可されたヘッダー = "*")

origins : 許可されたオリジンドメインのリスト

allowedHeaders : クロスオリジンリクエストで許可されるリクエストヘッダーのフィールドタイプ

上記は、Web 開発のクロスドメインの理由に対するさまざまなソリューションの詳細な内容です。Web 開発のクロスドメイン ソリューションの詳細については、123WORDPRESS.COM の他の関連記事に注目してください。