3

我有一个包含 3 个容器的项目:反向代理容器(jwilder-nginx-proxy 映像)、fontend 容器(为由 Vue js 开发和捆绑的应用程序提供服务的 nginx 容器)和一个后端容器(为 NodeJs+ExpressJs 应用程序提供服务的 node6 容器)。后端和前端都在反向代理之后。以下是它在我的本地主机中的工作方式:

  1. 访问http://localhost:80/并提供 gui
  2. 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 配置?我对前端和后端使用了相同的逻辑。只有后端不工作。前端正在工作。

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

希望有人可以帮助我。

谢谢

编辑: 似乎一切都配置得很好。问题是节点 js 应用程序。似乎 Nginx 无法处理对 nodejs 应用程序的请求......有人可以帮忙吗?

4

1 回答 1

1

对于每个有同样问题的人,这里是解决方案:

  • 从 nginx 配置中删除访问控制设置。并在 Nodejs 应用程序中处理 cors。
  • 如果您在 nginx.conf 中使用“localhost”,请配置您的 NodeJs Express 应用程序以使用 ipv6(而不是 .listen('localhost') 放入 .listen('::'))。
  • 如果此问题仍然存在,请确保您已完成前两个步骤并将网络模式切换为主机:如果您使用的是 Docker compose v2,请为每个容器添加“network_mode:host”。或 --network=host 用于 docker 运行。
于 2017-12-20T08:11:05.907 回答