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

时间:2021-07-02 11:53:31

标签: ruby-on-rails reactjs nginx heroku

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

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

  • Rails 服务器应用
  • React 服务器应用
  • 网络服务器(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 错误,并且无法重定向请求。请让我知道我做错了什么。

1 个答案:

答案 0 :(得分:0)

终于设法解决了这个问题.. 我的 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

我们通过参考 article

设法解决了这个问题