フロントエンドで解決する#
さまざまなレスポンスヘッダーを設定して、サーバーの応答中にブラウザーにクロスオリジンリクエストを許可することを通知します。これらのレスポンスヘッダーを設定することで、サーバーはブラウザーにクロスオリジンリクエストを処理する方法を通知します。
バックエンドで解決する#
Controller レイヤーに
@CrossOriginアノテーションを追加します
@CrossOrigin アノテーションは実際には、バックエンドで Access-Control-Allow-* レスポンスヘッダーを自動的に設定し、クロスオリジンリクエスト時にブラウザーが正しく処理できるようにします
注意すべきは、クロスオリジンリクエストを有効にするとセキュリティリスクが増加する可能性があることです。したがって、許可されたドメインのリストを制限し、信頼されたドメインからのリクエストのみがあなたの API にアクセスできるようにすることが最善です