Docker Compose 和 Nginx 反向代理：我无法通过代理访问后端。

Question

我有一个项目，包含3个容器: 反向代理容器（jwilder-nginx-proxy镜像），前端容器（Nginx容器服务于Vue js开发和捆绑的应用程序）和后端容器（Node6容器服务于NodeJs+ExpressJs应用程序）。后端和前端都在反向代理后面。以下是本地主机如何工作的方法：

1. 访问http://localhost:80/并提供GUI界面
2. GUI应通过http://localhost:3500从后端检索数据

一切似乎运行得非常完美，除了后端容器。当我尝试访问后端时，会出现“502错误网关”的错误。以下是Nginx日志：

2017/12/19 06:47:28 [error] 6#6: *3 connect() failed (111: Connection 
refused) while connecting to upstream, client: 172.22.0.1, server: , 
request: "GET /favicon.ico HTTP/1.1", upstream: 
"http://172.22.0.3:3000/favicon.ico", host: "localhost:3500", referrer: 
"http://localhost:3500/"

• 图形用户界面已经完美加载。我使用了相同的逻辑来处理后端，但是没有任何作用。
• 容器内的后端应用程序绑定到端口3000，并映射到外部的3500端口。

在我的后端Dockerfile中，我使用了以下内容：

EXPOSE 3000

以下是我的docker-compose.yml文件：

     version: '3'
     services:
         api:
             image: myapp/api
             restart: always
             networks:
                 - myapp_network

         gui:
             image: myapp/gui

             restart: always
             networks:
                 - myapp_network
         reverse:
             image: nginx-reverse
             depends_on:
                 - api
                 - gui
             ports:
                 - 80:8080
                 - 3500:3500
             restart: always
             volumes:
                 - /var/run/docker.sock:/tmp/docker.sock
             networks:
                 - myapp_network
     networks:
         myapp_network:
             driver: bridge

同样适用于GUI界面，在容器内监听8080端口的nginx服务器，映射到容器外的80端口，我在Dockerfile中使用了以下命令：

EXPOSE 8080

我认为我的 nginx.conf 文件有问题（这是我用来配置反向代理的文件，而不是 GUI 应用程序的文件）:

nginx.conf（反向代理配置）：

http
{

sendfile on;


upstream myapp-api
{
    server api:3000;
}

server
{
    listen 3500;
    add_header    Access-Control-Allow-Origin * always;
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    add_header 'Access-Control-Allow-Headers' 'Content-Type';
    gzip_types text/plain text/css application/json application/x-javascript
    text/xml application/xml application/xml+rss text/javascript;
    location /
    {
        proxy_pass http://myapp-api/;
        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;
    }
}

upstream myapp-gui
{
    server gui:8080;
}

server
{
    listen 8080;
    add_header    Access-Control-Allow-Origin * always;
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    add_header 'Access-Control-Allow-Headers' 'Content-Type';
    gzip_types text/plain text/css application/json application/x-javascript
    text/xml application/xml application/xml+rss text/javascript;
    location /
    {
        proxy_pass http://myapp-gui;
        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 文件或者 nginx 配置有什么问题吗？我在前端和后端都使用了相同的逻辑，但只有后端没有工作。前端是工作的。

我没有在 nginx 反向代理的 Dockerfile 中使用暴露指令，因为我在 compose 文件中映射了端口。

希望有人能帮助我解决问题。

谢谢。

编辑： 看起来一切都配置得很好。问题是 Node.js 应用程序。似乎 Nginx 无法处理对 Node.js 应用程序的请求... 有人可以帮忙吗？

- Tarik Moustaid

---

你可以设置这个环境并检查nginx.conf的工作示例 - https://github.com/evertramos/docker-compose-letsencrypt-nginx-proxy-companion 希望能帮到你！ - Evis

Answer 1

对于所有遇到相同问题的人，这里是解决方案：

• 从nginx配置中删除访问控制设置。并在Nodejs应用程序中处理cors。
• 如果在nginx.conf中使用“localhost”，请将您的NodeJs Express应用程序配置为与ipv6一起工作（而不是.listen('localhost')，请使用.listen('::')）。
• 如果问题仍然存在，请确保您完成了前两个步骤，并将网络模式切换为主机： 如果您正在使用Docker compose v2，请为每个容器添加“network_mode:host”或运行docker时添加“--network=host”。

- Tarik Moustaid