Question

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

我还有一个Node应用程序，它在www.example.com为我的主应用程序提供服务，并在Heroku上托管。

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

此外，有没有办法在我不必处理CORS问题的情况下这样做，因为它们基本上会存在于同一个域中？

Answer 1

在服务主应用程序的服务器上使用nginx。通过这种方式，您不会产生问题，用户也不会觉得他在不同的域名上提供服务。

你可以从这个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};
}

如何从Heroku上的Node.js应用程序中的子文件夹重定向到静态javascript应用程序？

1 个答案: