Как разместить Vue.js SPA, Laravel, Apace на VPS?

Question

[Dmitriy]

Есть проект, состоящий из двух папок:

• client: Vue.js, SPA
  
• api: Laravel (в роли API для SPA)
  

Есть VPS + домен.
Хочу сделать вот так:
API на api.domain.com
SPA на domain.com

Как это реализовывается?
Гуглил, искал гайды, залил API через VirtualHost, не знаю как залить Vue SPA, чтоб оно нормально работало с API?
Какие может есть решения?

Answer 1

[Сергей delphinpro]

Недавно запускал подобную конфигурацию.

Ставим на сервере Apache, Nodejs, Nginx.
В апаче заводим виртуальный хост на my-site.ru:8080
Для spa поднимаем express сервер на my-site.ru:3000 (номера портов условные)
В nginx поднимаем сервак на восьмидесятом порту и распределяем запросы.
Корневые ('/') - отправляем на нодовский сервер, апишные ('/api') - на апач.
Нодовский express сервер запускаем с помощью pm2

Собственно это всё.

Я тут вопрос задавал, там есть примеры конфигов.

Comments

[Михаил]

апач то зачем

[Сергей delphinpro]

Михаил, можно и без него. Но я не осилил.

[Михаил]

Сергей delphinpro, https://www.digitalocean.com/community/tools/nginx ?

[Dmitriy]

у меня апач

[Сергей delphinpro]

Михаил, Интересная тулза. Ща поковыряю. Спасибо.

[WapSter]

Сергей delphinpro, а зачем для vue запускать сервер?

[Сергей delphinpro]

WapSter, а у вас нет серверного рендера?
Тогда вообще не стоит заморачиваться. Пишете в ларке запасной маршрут (route::fallback) и в нем отдаете индексную вьюху spa/ И все, оно работает.
Отдельный поддомен для апи тоже не нужен.

[WapSter]

Сергей delphinpro, мне то это нафиг не нужно, я не автор вопроса. Просто удивился зачем под vue сервер, про ssr то это логично.

[Dmitriy]

проще два сервака взять, чем мучаться с перенаправлением.
Один сервак под SPA, второй под API.
Ну и плюс CORS настроить