経緯
ステージング環境で動作確認した際にnginx経由でfrontendからbackendへのアクセスができない
エラー内容
GET http://localhost:5000/api net::ERR_BLOCKED_BY_CLIENT
解決策
ステージング環境のlocalhostを見ているので、外部アクセスからでは見れないというエラー。
nginxの設定かと思ったが、私の場合はnext.jsでhttp://localhost:5000/apiを直接叩いているのが原因だった。
サーバーのipアドレスとアクセスするポート番号に置き換えてあげる
http://server_ip:server_port/api