docker-composeで立ち上げたコンテナ内のコンテンツにアクセスする方法

Question

###前提・実現したいこと
docker-composeで立ち上げたコンテナ内のコンテンツにどのようにアクセスしていいか分かりません。

VagrantでCentOSを入れて、その中でDockerを使用できるようにし、
Docker ComposeによってLAMP環境を構築しました。
docker-compose.ymlを下記のように設定し、docker-compose up -d を実行しました。

mysql:
 image: mysql:5.7.11
 environment:
  - MYSQL_ROOT_PASSWORD=root
apache-php:
 image: php:5.6.19-apache
 ports:
  - "80:80"
 volumes:
  - ./src:/var/www/html
 links:
  - mysql:db
phpmyadmin:
 image: phpmyadmin/phpmyadmin:4.5.3.1-1
 ports:
  - "8080:8080"
 links:
  - mysql:db

docker-compose ps で状態を確認したところ、

      Name                    Command             State           Ports
--------------------------------------------------------------------------------
work_apache-php_1   apache2-foreground            Up      0.0.0.0:80->80/tcp
work_mysql_1        docker-entrypoint.sh mysqld   Up      3306/tcp
work_phpmyadmin_1   /run.sh                       Up      0.0.0.0:8080->8080/tcp

のようになっており、おそらく問題なくコンテナが立ち上がっている状態だと思います。

今、docker-compose.ymlにも記述してあるように、./srcを/var/www/htmlに割り当て、./src以下にindex.htmlを作成し、ブラウザから表示を確認しようと思っています。
しかし、ブラウザからどのようにアクセスすればindex.htmlの内容を確認できるのかが分かりません。

Vagrantfileの

# config.vm.network "private_network", ip: "192.168.33.10"

部分のコメントアウトは消してあります。
また、

docker inspect -f "{{.NetworkSettings.IPAddress}}" CONTAINER

で、work_apache-php_1のipアドレスを確認し、index.htmlを表示しようとしたが、ダメでした。

どのようにすればdocker-composeで立ち上げたコンテナ内のコンテンツを表示することができるのでしょうか？
かなり根本的なところからわかっていないと思いますが、何か回答を頂けると助かります_(..)

参考記事

XAMPP/MAMPの代わりにDocker ToolboxでLAMP環境を構築する（Docker入門ハンズオン）

追記

Vagrantfilのポートフォワード部分を下記のようにし、

config.vm.network :forwarded_port, guest: 80, host: 8080, host_ip: "127.0.0.1", id: 'http'

ホストPC:8080 → CentOS:80 → apache:80のような感じで繋ぎ、CentOS上で

wget http://localhost/ --no-proxy

としたところ、

Resolving localhost (localhost)... ::1, 127.0.0.1
Connecting to localhost (localhost)|::1|:80... connected.
HTTP request sent, awaiting response... 200 OK
Length: 182 [text/html]
Saving to: ‘index.html’

100%[=======================================================================>] 182         --.-K/s   in 0s

2017-07-12 07:35:55 (25.6 MB/s) - ‘index.html’ saved [182/182]

上記のように表示されました。

ブラウザからhttp://localhost:8080/index.htmlにアクセスしてみましたが、ダメでした。
なので、ホストPC:8080 → CentOS:80の問題なのかと...
何が問題なのでしょうか...

Answer 1

CentOS の 80 番ポートを work_apache-php_1 コンテナの 80 番ポートに転送しているのですよね？
CentOS の IPアドレスが 192.168.33.10 ならば、ホストから http://192.168.33.10/ でアクセスできるはずです。

CentOS のシェル(コマンドプロンプト)から http://localhost/ にアクセスできて、ホストから http://192.168.33.10/ にアクセスできない状況ですので、おそらく、CentOS の firewalld (CentOS 7)または iptables で 80番ポートへの接続が許可されていないのだと思います。

CentOS 7 ならば firewall-cmd --list-all、CentOS 6 以前ならば iptables -nvL INPUT で確認ください。