2023-07-13

Next.js + nginx in Docker でハマった

Next.js勉強中なんだが、Docker で negix (web) と Next.jsコンテナを起動していて、Next.js から webAPI (ttp://127.0.0.1:8080 とする) を fetch するときに、Next.js 側がサーバーコンポーネント場合 URIttp://127.0.0.1:8080 を指定すると fetch failed する。ttp://host.docker.internal:8080 じゃないと駄目だった。

やられた。これで何日持っていかれたのか。

クライアントコンポーネントだと ttp://127.0.0.1:8080 で普通に動作する。サーバーコンポーネントでも httpbin.org などの他の API は正常に動作する。web 側で Access-Controll-Allow-Origin も設定されている。だから、まー謎だった。エラーメッセージ全然詳しくねーし。

Twitter では死んだふりをしてるので取り急ぎここにメモSNS に復活することがあったらあとで消す。

参考

ttps://qiita.com/YasuhaF/items/8a72d2898736fb60315f

記事への反応(ブックマークコメント)

ログイン ユーザー登録
ようこそ ゲスト さん