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

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

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

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Docker

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

Q&A

解決済

1回答

1014閲覧

AWS ECSでデプロイ時、タスクがrunningになるが、ブラウザ上でアプリを表示できない

yussssak

総合スコア10

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Docker

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

0グッド

0クリップ

投稿2022/02/11 07:04

編集2022/02/11 07:12

やりたいこと

こちらのサイトを参考にしてNuxtアプリのECSへのデプロイを試みています
タスク・クラスター・サービスを作成してタスクをRUNNINGにすることができましたが、そこから「http://パブリックIP:8080」にアクセスしても以下の画面が出てしまいアプリをブラウザで表示することができません
イメージ説明

front/Dockerfile

1FROM node:16.13.1 2 3WORKDIR /app 4 5ENV LANG C.UTF-8 6ENV TZ Asia/Tokyo 7 8ADD package.json /app/package.json 9ADD package-lock.json /app/package-lock.json 10 11RUN apt-get update -y && \ 12 apt-get upgrade -y && \ 13 npm install npm@8.1.2 && \ 14 npm install ejs@3.0.1 &&\ 15 npm install nuxt@2.15.8 &&\ 16 npm install create-nuxt-app@4.0.0 &&\ 17 npm install defu@3.1.0 18 19ADD . /app 20 21RUN npm run build 22 23EXPOSE 8080 24 25CMD ["npm", "run", "start"]

試したこと

VPCがインターネットにつながってない?

→VPCのサブネットに関連付けているルートテーブルにigw関連付けはできている(ので接続できると思います
イメージ説明

セキュリティグループがおかしい?

→いったんインバウンドルールは全ての通信を許可しています(切り分けのため
イメージ説明

IAMロールにポリシーが足りない?

→ecsTaskExecutionRoleに2つのポリシーを付与しています
イメージ説明

タスク作成時のポートマッピング指定が必要?

→8080で表示したいのでそのように入力しても変わらず表示できません
イメージ説明

URLを変えてみる

「http://パブリックIP:8080」でアクセスしても「http://パブリックIP」とポートなしでもどちらでも表示できませんでした

※コンテナはローカル上では動作できました(localhost:8080で)
cloudwatchを見てもエラーは出てきませんでしたイメージ説明

調べて試しても解決できず、質問させていただきました。
ローカルでコンテナを停止してlocalhost:8080にアクセスしたら同じ「接続が拒否」画面が出たので何か関係あるのかと思うも途方に暮れている状態です…

初歩的な質問、またわかりにくい点などあるかと思い申し訳ありませんが、何卒よろしくお願いします。

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

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

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

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

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

guest

回答1

0

自己解決

自己解決しました。Dockerfileがおかしかったためです。(Dockerfile編集を反映させるのにdocker-compose buildが必要なのを忘れていたため)

投稿2022/02/12 08:12

yussssak

総合スコア10

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問