docker環境化でReactのproxyが通らない時の対処法

Docker環境化でpackage.jsonの中に"proxy": "http:localhost:8000/api"と書いてGETリクエストを送っても、Proxy error: Could not proxy requestとエラーが出て怒られました。

期待した動き

http://localhost:3000/postsに対してGETリクエストを送った際に、proxyを通してhttp://localhost:8000/api/postに飛んでほしかった

実際の動き

めっちゃエラーでてくる

原因

docker環境化でlocalhostを指定するとどこにいけばよいかわからなくなるらしい

対応策

package.jsonでproxyを指定する時にdockerコンテナのサービス名を指定してあげるとうまく行く

"proxy": "http://<dockerのサービス名>:8000/api"

proxyを変えた後はdocker-compose restartで再起動する