dockerコンテナ内でDjangoを動かしたときにdocker desktopのGUI画面からlocalhostに接続できません。

Question

実現したいこと

docker desktopでdockerコンテナの勉強を始めた初心者です。
参考書を見ながらdjangoとpostgresqlのコンテナを作ってみましたが、
docker desktopのGUIからポートをクリックしてlocalhostに接続できません。
解決方法をご教示いただきたいです。

前提

現状では、GUI画面からポートをクリックする以外ならブラウザに接続できます
（接続先が違うのでしょうか？）

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

docker desktopのGUI画面より
[Containers] → Port(s)列にある設定したポート番号をクリック(今回の場合は8080:8080)でchromeにアクセスした際に出るメッセージです。

このページは動作していませんlocalhost からデータが送信されませんでした。
ERR_EMPTY_RESPONSE

該当のソースコード

services:
  db:
    image: postgres:15.0-alpine

    container_name: 'book-db'

    expose:
      - "5432"

    environment:
      - TZ=Asia/Tokyo
      - POSTGRES_DB=postgres
      - POSTGRES_USER=postgres
      - POSTGRES_PASSWORD=postgres

    volumes:
      - ../db/database:/var/lib/postgresql/data
      - ../db/init:/docker-entrypoint-initdb.d

    
  web:
    image: django/web:1.0

    build: ./web

    container_name: 'book-web'

    ports:
      - 8080:8080

    environment:
      - DEBUG=1
    
    depends_on:
      - db
    
    stdin_open: true

    tty: true

    volumes:
      - ../web:/home/user1/book

services:
  db:
    image: postgres:15.0-alpine

    container_name: 'book-db'

    expose:
      - "5432"

    environment:
      - TZ=Asia/Tokyo
      - POSTGRES_DB=postgres
      - POSTGRES_USER=postgres
      - POSTGRES_PASSWORD=postgres

    volumes:
      - ../db/database:/var/lib/postgresql/data
      - ../db/init:/docker-entrypoint-initdb.d

    
  web:
    image: django/web:1.0

    build: ./web

    container_name: 'book-web'

    ports:
      - 8080:8080

    environment:
      - DEBUG=1
    
    depends_on:
      - db
    
    stdin_open: true

    tty: true

    volumes:
      - ../web:/home/user1/book

django == 4.1.2
psycopg2-binary

試したこと

色々ネットなどで調べてみましたが、dockerを始めてまだ5日足らずの僕にはわかりませんでした。
見当違いかもしれませんが、コンテナ内のlocalhostとpcのlocalhostは別物で、そこの理解が足りないのかなと思っております。
詳しい皆様にどうかご助力いただきたいです。

補足情報（FW/ツールのバージョンなど）

docker desktop:4.18.0
django: 4.1.2

Answer 1

急に接続できました・・・なぜでしょうか？