对Docker容器应用程序使用Docker Nginx反向代理

Question

我在使用Nginx反向代理（docker容器）到angularjs docker容器进行端口转发时遇到困难。 这是我使用的命令的Dockerfile和Nginx配置。

Dockerfile：

FROM nginx:latest
COPY nginx-reverseproxy.conf /etc/nginx/conf.d/
RUN mkdir /etc/nginx/ssl
COPY chained.crt /etc/nginx/ssl
COPY private.key /etc/nginx/ssl
RUN chown -R root:root /etc/nginx/ssl
RUN chmod -R 644 /etc/nginx/ssl
EXPOSE 80
EXPOSE 443

Nginx配置：

server {
    listen         80;
    listen         443 ssl;
    server_name mywebserver.com;

    if ($scheme = http) {
    return 301 https://$server_name$request_uri;
    }

ssl on;
ssl_certificate    /etc/nginx/ssl/chained.crt
ssl_certificate_key /etc/nginx/ssl/private.key

location / {
      proxy_set_header                Host                    $host:$server_port;
            proxy_set_header                X-Real-IP               $remote_addr;
            proxy_set_header                X-Forwarded-For         $proxy_add_x_forwarded_for;
            proxy_set_header                X-Forwarded-Proto       $scheme;


             proxy_pass                      http://127.0.0.1:4200;
             proxy_read_timeout              180;

             proxy_redirect     off;
             proxy_redirect                  http://127.0.0.1:4200  $scheme://mywebserver.com;


              proxy_http_version              1.1;
              proxy_request_buffering         off;
 }
}

创建Nginx容器的命令：

docker run -d -p 80:80 -p 443:443 --name "container-nginx" nginx-reverse-proxy-image:latest

创建myserver.com容器的命令：

docker run -d -p 4200:4200 --name "container-mywebserver" angularjs-image:latest ng serve --host 0.0.0.0 --disable-host-header

浏览时出现“ 502 Bad Gateway”错误消息。 但是，当我卷曲localhost：4200时，我可以看到内容。 任何帮助，将不胜感激。

Answer 1

nginx和您的角度应用程序服务器都是不同的容器，因此无法使用127.0.0.1从nginx容器调用角度应用程序容器。 您缺少链接它们两者的链接，请使用链接＆然后在nginx中进行代理传递。 以下是解决此问题的方法-

1. 更改nginx配置，使其指向angular应用程序-

     proxy_pass http://angular:4200; proxy_redirect http://angular:4200 $scheme://mywebserver.com; 

2. 创建有角度的应用程序容器-

   $ docker run -d -p 4200:4200 --name "angular" angularjs-image:latest ng serve --host 0.0.0.0 --disable-host-header

3. 将角度应用链接到nginx容器，以便nginx容器可以将angular解析为应用容器IP-

   $ docker run -d -p 80:80 -p 443:443 --link angular:angular --name "container-nginx" nginx-reverse-proxy-image:latest