如何從Heroku上的Node.js應用程序中的子文件夾重定向到靜態javascript應用程序？

Question

我有一個內置在React中的靜態JavaScript應用程序，我已經部署到firebase，並且生活在example.firebaseapp.com 。

我還有一個Node應用程序，可以在www.example.com上為我的主應用程序提供服務，並在Heroku上托管。

我想弄清楚的是，在訪問給定的子文件夾時，如何讓用戶訪問我的靜態JavaScript應用程序，例如www.example.com/app ？

另外，有沒有辦法在我不必處理CORS問題的情況下這樣做，因為它們基本上會存在於同一個域中？

Answer 1

在服務於主應用程序的服務器上使用nginx。 通過這種方式你不會有cors問題，用戶也不會覺得他在不同的域上被提供服務。

你可以從這個nginx配置開始：

location / {
  proxy_set_header   X-Real-IP $remote_addr;
  proxy_set_header   Host      $http_host;
  proxy_pass         http://YOURTOMCATSERVER:{PORT};
}

location /blog {
  proxy_set_header   X-Real-IP $remote_addr;
  proxy_set_header   Host      $http_host;
  proxy_pass         http://YOURBLOGSERVER:{PORT};
}