Heroku - 在同一域上使用 Nginx 分离前端和后端

Question

我有一个带有两个 github 存储库的应用程序，一个用于反应，一个用于 Rails 应用程序。 要求是所有路由都应该去 Rails 服务器，除了以 /catalog 开头的路由应该去 React 应用程序。 Rails 应用服务器将在内部与 React Server 通信。 SSL 在 Nginx 级别配置。

我在 heroku 中创建了 3 个不同的应用程序：

• Rails 服务器应用程序
• 反应服务器应用程序
• 网络服务器（Nginx）

我的 nginx 服务器配置如下：

upstream rails {
  server $HEROKU_APP_rails_URL;
}

upstream react {
  server $HEROKU_APP_react_URL;
}


server {
  listen $PORT;
  server_name *.xyz.com;
  # large_client_header_buffers 4 32k;

  location / {
    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_pass          http://rails;
  }

  location /catalog {
    
    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_pass          http://react;
  }
}

使用上述配置，我在 Nginx 上收到 HTTP 400 错误，并且无法重定向请求。 请让我知道我做错了什么。

Answer 1

终于设法解决了这个问题..我的 nginx 配置看起来像

  upstream upstream_app_a {
        server app_a.herokuapp.com:443;
    }

    upstream upstream_app_b {
        server app_b.herokuapp.com:443;
    }

    server {
    
        listen $PORT;

        location / {
            set $upstream upstream_app_a;
            proxy_pass https://$upstream;
            proxy_ssl_name app_a.herokuapp.com;
            proxy_set_header x-forwarded-host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host app_a.herokuapp.com;
            
        } 
        location /static {
            set $upstream upstream_app_b;
            proxy_pass https://$upstream/static;
            proxy_set_header        Host app_b.herokuapp.com;
            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;
          
        }

        location /product_catalog {
            set $upstream upstream_app_b;
            proxy_pass https://$upstream;
            proxy_ssl_name app_b.herokuapp.com;
            proxy_set_header x-forwarded-host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host app_b.herokuapp.com;
        }
    }

请确保为标题设置正确的值

proxy_set_header Host app_a.herokuapp.com

我们通过参考文章设法解决了这个问题