Не грузится приложение React на node.js, при запросе с не корневым url, как исправить?

Question

[Никита]

Под не корневым url подразумеваю любой url отличный от "/"(localhost:3000)
Хочу добиться того, чтобы при любом url, node.js все равно отдавала index.html, а сам url обрабыватлся клиентским роутером react-router-dom.

const express = require('express');
const path = require('path');
const app = express();

app.use(express.static('./dist'));

app.use(express.static(path.join(__dirname, 'dist')));

app.use("*", (req, res) => {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Headers', 'origin, content-type, accept');
});

app.get('/*', function (req, res) {
  res.sendFile(path.join(__dirname, 'dist', 'index.html'));
});

app.listen(3000, () => {
 console.log('SERVER STARTED ON PORT', 3000);
});

Comments

[Vann Damm]

Ты по урлу получаешь все приложение, а далее уже react и react-router-dom относительного твоего урла создает свои. Если я понял вопрос , то тебе надо использовать SSR

[Strannyk]

Vann Damm, Вряд ли - просто сервер нужно настроить так, чтобы он по любому запросу обслуживал index.html. Можно поставить nginx - он легко для работы с SPA настраивается.