Как разместить статическую страницу и реагировать на один и тот же сервер узла?

Question

В настоящее время у меня есть статическая целевая страница, размещенная на firebase по URL «mycompany.com» (не фактический URL). Мой сервер узлов (использующий экспресс) работает на heroku, и он содержит мой бэкэнд API и мой интерфейс реакции (использующий реагирующий маршрутизатор). Чтобы все работало, мне нужно было указать на поддомен: app.mycompany.com

Что я действительно хотел сделать, так это чтобы моя целевая страница была на "/" и перенаправление по умолчанию, все размещалось на моем сервере узлов (без необходимости иметь два сервера и указывать на поддомен).

Я изо всех сил пытаюсь понять, как я могу настроить это, или если нужно что-то изменить, чтобы заставить это работать.

Заранее спасибо!

Answer 1

Если вы делаете статическую сборку своего реактивного приложения, вы можете использовать эту папку сборки вместе со своей статической целевой страницей. Вам все равно придется указать путь, по которому вы хотите, чтобы трафик вашего приложения проходил:

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