Разработка: сервер — node.js, клиент — vue.js. Как совместить?

Question

[pgs]

Добрый день!
Проблема:
есть сервер на node.js + express который отдает по URL (типа: '/api/users/all') из базы данных json с данными, который нужно забрать в vue (проект создан через vue-cli) через fetch() или axios().
Разработка ведется на локальном компьютере.
Сервер запущен на порту 3000, клиент на 8080.

Если я обращаюсь с клиента к серверу по ссылке server:3000/api/users/all то возникает ошибка CORS (которую можно решить с помощью разрешения кросс серверных запросов).

Если я в клиенте прописываю внутренний URL '/api/users/all' к которому обращаюсь в fetch(), результат запроса закидываю в data() на vue в клиенте и потом формирую бандл через "npm run build", после чего закидываю бандл в папку public сервера на Node.js - то все работает отлично, но возникает неудобство в плане разработки, так как на любое изменение клиента надо формировать deploy бандл и копировать его руками в папку public на сервер.

Какие подходы в данном случае используете вы и правильно ли это вообще?

Answer 1

[Виталий]

nginx -   фронт бандл статика, апи прокси пасс на инстанс ноды (апстрим)