Elastic Beanstalk + Nginx + Node + React 502 网关

Question

我有以下堆栈：

节点后端构建
React 前端构建

我想将它们部署到 ELB 应用程序中。

当我这样做并尝试访问实例时，我得到 502 Bad Gateway nginx/1.18.0 而不是主页。

后端已启动并且运行在端口 8081 上（通过邮递员发出外部请求并正常工作）

问题出在静态内容上。

这是我的 proxy.config 文件代码（nginx 的 ebextensions）

  /etc/nginx/conf.d/proxy.conf:
    owner: root
    group: root
    mode: "000644"
    content: |
        upstream nodejs {
            server 127.0.0.1:8081;
            keepalive 32;
        }

        server {
            root /var/app/current/react_build;
            listen 8080;

            if ($time_iso8601 ~ "^(\d{4})-(\d{2})-(\d{2})T(\d{2})") {
                set $year ;
                set $month ;
                set $day ;
                set $hour ;
            }
            access_log /var/log/nginx/healthd/application.log.$year-$month-$day-$hour healthd;
            access_log  /var/log/nginx/access.log  main;

            location /api/ {
                proxy_pass  http://nodejs;
                proxy_http_version 1.1;
                proxy_set_header     Connection      "";
                proxy_set_header     Host            $host;
                proxy_set_header     X-Real-IP       $remote_addr;
                proxy_set_header     X-Forwarded-For $proxy_add_x_forwarded_for;
                client_max_body_size 10M;
            }

            location /static/ {
            }

            location / {
                try_files '' /index.html =404;
            }

            gzip on;
            gzip_comp_level 4;
            gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
        }

  /opt/elasticbeanstalk/hooks/configdeploy/post/99_kill_default_nginx.sh:
    owner: root
    group: root
    mode: "000755"
    content: |
      #!/bin/bash -xe
      rm -f /etc/nginx/conf.d/00_elastic_beanstalk_proxy.conf
      service nginx stop 
      service nginx start

container_commands:
 removeconfig:
    command: "rm -f /tmp/deployment/config/#etc#nginx#conf.d#00_elastic_beanstalk_proxy.conf /etc/nginx/conf.d/00_elastic_beanstalk_proxy.conf"```

Answer 1

您尝试设置的 nginx 配置文件 (/etc/nginx/conf.d/proxy.conf) 适用于 Amazon Linux 1 (AL1)。

对于 AL2，应使用 (aws docs) 提供 nginx 配置文件：

.platform/nginx/conf.d/

或者如果你想覆盖主nginx配置文件，使用

.platform/nginx/nginx.conf

Elastic Beanstalk + Nginx + Node + React 502 网关

Elastic Beanstalk + Nginx + Node + React 502 badegateway

nginx

node.js

amazon-elastic-beanstalk

nginx-reverse-proxy

nginx-config