如何托管靜態着陸頁並在同一節點服務器上做出反應？

Question

目前，我在 firebase 上的網址“mycompany.com”（不是實際網址）上托管了一個靜態登錄頁面。 我的節點服務器（使用 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);