API)で開発していた際に、フロントエンドとバックエンドの通信でかなり躓いたので書き残します😇フロントエンドとバックエンドの通信で苦労するところで一番最初に思い浮かぶのはオリジン間リソース共有(CORS)あたりではないでしょうか。そこは私も類をもれずしっかりと苦労した点ではあるのですが、今回一番苦労したのはネットーワーク共有でした。SpringBootのCORSについては以下記事が非常に分かりやすいです。結論からすると、ネットーワークの共有ができていなかったのが原因でした。docker-composeファイルでnetworkを定義し、フロントエンドとバックエンドのネットワークを同じネットワークにすることで解決しました。経緯SpringBootでCORSの設定をし、いざDocker環境間での通信を試そうとした時、以下エラーが出ました。}}解決策まずフロントエンドのdocker-compsoe.ymlでnetworksを定義します。falseバックエンドのdocker-compose.ymlで先ほど作成したフロントエンドのネットワークを使用するように定義します。falseフロントエンドで定義したネットワーク名は{アプリ名}_{docker-composeで定義したネットワーク名}となるため、share-favplace_frontを指定しています。(share-favplaceという名前でアプリを作成しています。trueとすることですでにあるネットワークを探してくれます。falseとすると新しくネットワークを作成します。以上でDocker環境間のネットワークの共有ができるようになります。pandaman個人開発で勉強中の現ITエンジニアです。バッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。バッジを贈るDiscussionpandaman個人開発で勉強中の現ITエンジニアです。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。