Как заставить работать одновременно фронтенд и бэкенд на одном порте?

Question

[Anonymous]

Есть фронтенд на Vue 3 + Vite и бэкенд на Express.js, Multer и MongoDB.
Вопрос в том, как мне заставить их одновременно работать на 80 порте?
Погуглил, как-то подходящего не нашел. Скорее всего, я плохо гуглил. Не знаю, если что - подскажите, почитаю.

Планирую использовать caddy для фронтенда - работает он просто отлично и очень понятный.

Answer 1

[Василий Банников]

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

Ты можешь поднять nginx (ну или caddy, раз уже определился) на 80-м порту и настроить его на раздачу статики и проксирование запросов.
MongoDB останется как есть.

Comments

[Anonymous]

проксирование запросов.

Насчет проксирования - это будет перенаправление на другой порт сервера?
То есть:

https://127.0.01:80/api/register ---> https://127.0.0.1:8080/api/register

[Василий Банников]

Anonymous, ну типа. Загугли "reverse proxy"