Question

我有一个包含3个容器的项目：反向代理容器（jwilder-nginx-proxy image），fontend容器（服务由Vue js开发和捆绑的应用程序的nginx容器）和后端容器（服务NodeJs的node6容器） + ExpressJs应用程序）。 Backend和前端都在反向代理之后。以下是它应该如何在我的本地主机中运行：

访问http://localhost:80/并投放gui
gui应通过http://localhost:3500

除了后端容器外，一切似乎都运行得很好。当我尝试访问后端时，出现'502 bad gateway'错误。这是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/"

GUI加载完全正常。我对后端使用了相同的逻辑，但没有任何工作。
后端应用程序绑定到容器内的端口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，这是一个nginx服务器，它在容器内部监听8080并映射到它外面的端口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配置？我对Frontend和Backend使用了相同的逻辑。只有后端不起作用。前端正在运作。

我没有在nginx-reverse-proxy的Dockerfile中使用expose指令，因为我正在映射compose文件中的端口。

希望有人可以帮助我。

谢谢

编辑： 似乎一切都配置得很好。问题是节点js app。好像Nginx无法处理对nodejs app的请求......一个人可以帮忙吗？

Answer 1

对于遇到同样问题的每个人，以下是解决方案： - 从nginx配置中删除访问控制设置。而Hande则是Nodejs App中的角色。 - 如果您在nginx.conf中使用'localhost'，请配置您的NodeJs Express应用程序以使用ipv6（而不是.listen（'localhost'）put .listen（'::'））。 - 如果此问题仍然存在，请确保您已完成前两个步骤并将网络模式切换为主机：如果您使用的是Docker compose v2，请为每个容器添加“network_mode：host”。或--network =主机为docker run。

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

1 个答案: