如何托管静态登录页并在同一节点服务器上进行反应

Question

目前，我在firebase上的url"mycompany.com"(不是实际的url(上有一个静态登录页。我的节点服务器(使用express(运行在heroku上，它包含我的后端API和我的react前端(使用react-router(。为了让一切正常运行，我不得不把它指向一个子域：app.mycompany.com

我真正想做的是将我的登录页放在"/"上，并将其作为默认重定向，所有重定向都托管在我的节点服务器中(不必有两个服务器并指向子域(。

我很难理解我该如何设置它，或者如果必须改变一些东西才能使它发挥作用。

提前感谢！

Answer 1

如果您对react应用程序进行静态构建，则可以将此构建文件夹与静态登录页一起提供。你仍然需要指定你希望应用流量的路径：

const express = require('express');
const app = express();
const staticLandingPage = express.static(path.join(__dirname, "./path/to/landingpage"));
const reactApp = express.static(path.join(__dirname, "./path/to/reactBuild"));
app.use("/", staticLandingPage);
app.use("/app", reactApp);