如何在Heroku的Node.js应用程序中从子文件夹redirect到静态JavaScript应用程序？

我已经在React中构build了一个静态JavaScript应用程序，并将其部署到了firebase，并且位于example.firebaseapp.com 。

我也有一个Node应用程序，在www.example.com上提供我的主应用程序，并在Heroku上托pipe。

我试图弄清楚的是，如何访问给定的子文件夹，例如www.example.com/app时，如何让用户访问我的静态JavaScript应用程序？

另外，有没有办法做到这一点，我不必处理CORS的问题，因为他们将基本上住在同一个域名？

Answer 1

在服务于主应用程序的服务器上使用nginx。 通过这种方式，你将不会有Cors问题，用户也不会觉得他被服务于不同的领域。

你可以从这个nginxconfiguration开始：

 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}; }