Рекомендуемый способ использования Express.js с React.js?

Question

Я нашел два способа объединить React и Express:

[ВАРИАНТ 1] ExpressJS обслуживает статические файлы React

По сути, идея заключается в том, чтобы иметь предварительно скомпилированные файлы JavaScript в вашем распоряжении до раскрутки сервера. А затем в промежуточном программном обеспечении Express:

app.use(express.static(path.join(__dirname, '../client/build')));

И затем в тандеме есть другие конечные точки, которые выполняют логику на стороне сервера.

[ОПЦИЯ 2] Файлы Host React отдельно

По сути, полностью отделить логику Frontend и Backend от одного сервера только для обслуживания статических файлов JS. А затем еще один сервер Express для выполнения любых запросов к базе данных. И возвращая простые ответы JSON.

Какой из рекомендуемых способов? Есть ли преимущество использования одного подхода над другим?

Answer 1

Это вопрос самоуверенный, и поэтому я могу дать только самоуверенный ответ.

Я лично рекомендую ВАРИАНТ 1 , потому что вы столкнетесь с проблемами Cross-Origin-Resource-Sharing (CORS) в ряде мест, когда отсоедините свои переднюю и заднюю части. Это не значит, что этого нельзя сделать, но с вами будет раздражать.

С опцией 2 вам также, скорее всего, придется отправлять любые запросы на ваш сервер с абсолютными URL-путями, которые могут быть очень трудными для поддержки, когда приложение масштабируется.

С вариантом 1 у вас будет больше гибкости, меньше в обслуживании и меньше надоедливых обходных путей для реализации.