Docker: nginx como proxy devuelve un 502 Bad Gateway

Question

Primero, me gustaría decir que soy totalmente nuevo en Docker y la administración de servidores.

Lo que intento construir es una pila basada en Docker que incluye WordPressimágenes MariaDBy nGinxarchivos.

Se nGinxutilizará como proxy inverso y esta es la razón por la que lo instalo aquí.

El mío docker-compose.ymles así:

version: '3'

services:
  mysql:
    image: mariadb
    env_file:
      - ./.env
    volumes:
      - ./data:/var/lib/mysql

  wordpress:
    image: wordpress:php7.2
    env_file:
      - ./.env
    volumes:
      - ./wordpress:/var/www/html
    ports:
      - 42400:80
    links:
      - mysql

  nginx:
    build: ./docker/nginx
    volumes:
      - ./conf/nginx/nginx.conf:/etc/nginx/nginx.conf
    ports:
      - 80:80
      - 443:443
    links:
      - wordpress
    depends_on:
      - wordpress

Entonces el Dockerfilefor the Nginxes así:

FROM nginx:latest

RUN mkdir -p /data/nginx/cache

VOLUME ["/etc/nginx/certs", "/etc/nginx/conf.d", "/var/log/nginx"]

EXPOSE 80
EXPOSE 443

WORKDIR /etc/nginx

CMD ["nginx"]

Y finalmente el nGinxarchivo de configuración queda así:

daemon              off;
worker_processes    1;

events {
  worker_connections  1024;
}

http {
    sendfile on;

    gzip                on;
    gzip_http_version   1.0;
    gzip_proxied        any;
    gzip_min_length     500;
    gzip_disable        "MSIE [1-6]\.";
    gzip_types          text/plain text/xml text/css text/comma-separated-values
                        text/javascript application/x-javascript application/atom+xml;

    upstream wordpress {
        server wordpress:42400;
    }

    server {
        listen 80;
        server_name www.bimber-viral-buzz.local;

        location / {
            proxy_pass          http://wordpress;
            proxy_redirect      off;
            proxy_set_header    Host $host;
            proxy_set_header    X-Real-IP $remote_addr;
            proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header    X-Forwarded-Host $server_name;
        }
    }
}

Ahora, cuando ejecuto docker-compose upe intento acceder, localhost:42400puedo ver WordPress normalmente. En este caso, no hay problema y puedo navegar libremente por las páginas de WordPress.

Entonces, si intento acceder allocalhost (sin especificar ningún número de puerto, por lo tanto el puerto 80), Obtuve el siguiente error:

Al mismo tiempo me sale el siguiente error en mi consola:

Y finalmente, si intento acceder directamente a la WordPressimagen usando la dirección IP asignada, obtengo el siguiente resultado:

¿Podrías ver si estoy haciendo algo mal? Desde la mañana he leído un montón de artículos, respuestas en stackoverflow y foros, pero no veo qué pasa.

¿Alguna idea por favor?

Nota: En mi entorno de desarrollo, agregué el registro127.0.0.1 www.bimber-viral-buzz.local to access the WordPress site, and you see this domain in the console, because the WordPress forces using the defined domain name.