dockerでvueにアクセスできない

Question

実現したいこと

dockerコンテナを立ててVueにアクセスしたい

前提

docker-composeでnodeコンテナを立てて,コンテナ内でvueをインストールしました。
デフォルトのポートが5173だったので
3000:5173でポートを設定しています。

$ docker-compose ps

で確認し、ポートが正しいことも確認しました。

発生している問題・エラーメッセージ

ブラウザの3000にアクセスしますが、「ページが動作していません」と表示されます。
コンテナを閉じると「アクセスできない」に変わるためポートの設定自体は合っているが応答がないみたいな感じだと思っています。

試したこと

ポートの設定を見直してbuildからやり直してみたりしましたが、変わりません。
一応ローカルでvueを動作させてみると普通にアクセスできますが
コンテナで起動するとやはりアクセスできません。
https://qiita.com/amuyikam/items/01a8c16e3ddbcc734a46
こちらがエラー内容に近いかと思うのですが、コンテナがsudoがないわ、curlはないわで確認がなかなかできません。

追記

https://qiita.com/subun33/items/b051f5697482203aa31d
こちらの記事を参考にyarnで行ってみたところやっとアクセスできるようになりました。

こちらはnpmの時にはなかったnetworkに関する記述があり、
https://qiita.com/amuyikam/items/01a8c16e3ddbcc734a46
こちらの記事に似たような記述がありました。

Answer 1

解決記事

https://choice-site.com/2021/06/24/docker%E3%81%ABvite%E3%82%92%E5%85%A5%E3%82%8C%E3%81%A6vue%E3%81%A7%E9%96%8B%E7%99%BA%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%97%E3%81%9F%E3%81%A8%E3%81%8Dlocalhost%E3%81%AB%E7%B9%8B%E3%81%8C/
こちらの記事が完璧に同じ状況だったので、参考になります。