エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
背景 こんにちは。エンジニアのKennieです! 開発をしていた際にフロントエンドからバックエンドにリク... 背景 こんにちは。エンジニアのKennieです! 開発をしていた際にフロントエンドからバックエンドにリクエストを送る必要がありましたが、リクエストがうまく処理されず、送信されていませんでした。調べていくと、CORSの設定を適切に行うことで問題を解決できたので、そこで学んだことをまとめようと思います! リクエストが処理されなかった原因 開発をしていた際にリクエスト処理がされなかった原因は、同一オリジンポリシーの制限によるものでした。同一オリジンとは、プロトコル、ドメイン、ポート番号がすべて同じであることを指します。同一オリジンポリシーは、上記3つのいずれかが異なれば、異なるオリジン間でのリソースアクセスを制限する仕組みです。今回の開発では、フロントエンドがポート9000、バックエンドがポート3000を使っていたため、制限を受け、リクエストが送信されませんでした。この際にCORSという仕組みを