質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

docker-compose

docker-composeとは、複数のコンテナで構成されるサービスを提供する手順を自動的し管理を簡単にするツール。composeファイルを使用しコマンド1回で設定した全サービスを作成・起動することが可能です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

Q&A

解決済

1回答

946閲覧

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

nosuke09

総合スコア9

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

docker-compose

docker-composeとは、複数のコンテナで構成されるサービスを提供する手順を自動的し管理を簡単にするツール。composeファイルを使用しコマンド1回で設定した全サービスを作成・起動することが可能です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

0グッド

0クリップ

投稿2023/03/20 02:11

編集2023/03/20 07:43

実現したいこと

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

前提

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

console

1$ 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
こちらの記事に似たような記述がありました。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問