Docker：nginx 作为代理返回 502 Bad Gateway

Question

首先我想说的是，我对 Docker 和服务器管理完全陌生。

我尝试构建一个基于docker的堆栈WordPress，其中包括MariaDB和nGinx图像。

将nGinx被用作反向代理，这就是我在这里安装它的原因。

我的docker-compose.yml是这样的：

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

然后的Dockerfile是Nginx这样的：

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"]

最终的nGinx配置文件如下：

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;
        }
    }
}

现在，当我运行docker-compose up并尝试访问时localhost:42400，我可以正常看到 WordPress。在这种情况下，没有任何问题，我可以自由浏览 WordPress 页面。

然后，如果我尝试访问localhost （不指定任何端口号，因此端口为 80），出现以下错误：

同时我的控制台中出现以下错误：

最后，如果我尝试WordPress使用分配的 IP 地址直接访问图像，我会得到以下输出：

你能看出我做错了什么吗？从早上开始，我已经阅读了大量文章、stackoverflow 和论坛上的答案，但我看不出哪里出了问题。

有什么想法吗？

笔记： 在我的开发环境中，我添加了记录127.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.