Dockerコンテナ内のサーバーに繋がらない。

Question

●起きている問題
Dockerのコンテナを作成してサーバーを立ち上げたところ、一向にアクセスができません。

●具体的な状況
①まず以下の内容のDockerfileとdocker-compose.ymlで、Docker Imageを作成後にコンテナを作成しました。

Dockerfile

FROM node:12.5.0-alpine
 
ENV LANG=C.UTF-8 TZ=Asia/Tokyo
 
WORKDIR /app
 
RUN apk update
 
COPY ./package*.json ./
 
RUN npm install
 
COPY ./ .
 
ENV HOST 0.0.0.0

EXPOSE 3000

docker-compose.yml

version: '3'
services:
  web:
    build: .
    ports:
      - 3030:3000
    volumes:
      - ./:/app
      - /app/node_modules
    tty: true
    working_dir: /app
    command: npm run dev

②次にnpm run devによって起動されたサーバーにアクセスをしました。URLは以下の通りです。

③ブラウザで開くと、一向にローディングが終わりません。

解決方法がわかる方がいれば是非教えていただければ嬉しいです。
よろしくお願いいたします。

Comments

[Y.H.]

> ③ブラウザで開くと、一向にローディングが終わりません。

ブラウザで開いたURLを質問に追記ください

[退会済みユーザー]

添付した画像の通りでございます。
https://172.20.0.2:3000

[inductor]

@Y.H.

今回の件とは直接関係ないと思います。

Answer 1

原因が2つあります。

1. Docker Composeのport mappingが3030:3000になっているので、3030でアクセスする必要があります。

これはいわゆるポート開放というやつで、localhostとコンテナのポートを繋ぐ役割をしています。

1. nuxt configをいじったほうがいいです。

https://nuxtjs.org/faq/host-port/

これを参考にlocalhost以外のポートも待ち受けるようにしましょう。