javascript - 如何从 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};
}