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

我得到＆＃34; 502 Bad Gateway＆＃34;我浏览时出错信息。但是，当我卷曲localhost：4200时，我可以看到内容。任何帮助，将不胜感激。

Answer 1

nginx＆amp;您的角度应用程序服务器是不同的容器，因此使用127.0.0.1从nginx容器调用角度应用程序容器将不起作用。您缺少链接它们，使用链接＆amp;然后在nginx中执行代理传递。以下是您可以采取的措施 -

更改nginx配置以将其指向angular应用程序 -

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

创建角度应用容器 -

$ docker run -d -p 4200:4200 --name "angular" angularjs-image:latest ng serve --host 0.0.0.0 --disable-host-header
将角度应用链接到nginx容器，以便nginx容器可以将angular解析为应用容器IP -

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

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

1 个答案: