🚀 Vite + Docker で localhost:5173 が開かない問題に遭遇した話

経緯

Docker環境でReactプロジェクトを初めて起動した際に、
http://localhost:5173 をアクセスしたら開けない問題が発生しました。

原因

原因としては、
Docker環境でプロジェクトを構築していたため、
localhostがコンテナ内を指しており、ホスト側（自分のPC）からアクセスできないことでした。

改善

npm run dev の末尾に -- --host のオプションをつけることで解決しました。

$ npm run dev -- --host

このオプションを付与することで、
ホスト側（自分のPCにある全てのアプリ）からアクセスすることが可能になります。

最後に

まだまだ、ネットワークの疎通に関しては、知識があやふやで、説明がわかりにくいので、知識がより固まり次第この記事を更新したいと思います。