Скажите, так вообще делают, если Express.js отдает фронту на Vue данные в JSON по http напрямую на другом порту?

Question

[Роман]

Здравствуйте.

Продолжаю разбираться с тем, как мне лучше организовать взаимодействие фронта на Nuxt и бэка на одном из Node-фреймворков (Express, Koa, etc.)

Пока что вообще ничего непонятно и внятных доков не нашел - везде пишут про dev и ничего толком о продакшене :(

Можно ли сделать так (на VPS Ubuntu):

1. Запустить чистый Express на, скажем, 9900 порту.

2. Запустить Nuxt на 80 порту (пока так и не понял, понадобится ли мне для фронта apache или nginx)

3. Брать данные лля фронта используя axios обращаясь на 9900 порт.

Так делают?

Или как обычно делают?

Спасибо.

Comments

[Роман]

Артём Петренков, в нем же не только ssr. Роутинг удобный. Структура привычная.

[Роман]

Артём Петренков, установил в виде бандла, но при попытке добавить в server/index.js какое-нибудь middleware для Express - полезли какие-то ошибки непонятные. Там видимо как-то по хитрому устроено, а доки сходу не нашлись. Вот я и подумал, что проще будет сделать это отдельно - экспресс отдельно и накст отдельно)))

[Роман]

Артём Петренков, может и оно, надо пробовать)) спасибо!

[Роман]

Артём Петренков, потестил сейчас - да, вполне себе такая серверная часть Nuxt)) еще раз спасибо!

У меня теперь другой вопрос возник: Как передать данные из Nuxt (universal) serverMiddleware «наверх» чтобы отобразить на странице?

как из этого middlware передать данные на страницу? Вы случайно не знаете? :)

Я целый час пробовал - и так и сяк и к res прицепить)) и через store пытался))

Answer 1

[Анатолий Чернышев]

Так сделать можно, но нужно позаботится о защите 9900 порта на машине, чтобы небыло свободного доступа на этот порт

Comments

[Роман]

А как иначе-то? Запросы-то с клиента будут идти. Значит доступ свободный. Хотя, по идее можно csrf-токен использовать... или что вы предлагаете?))

[Анатолий Чернышев]

Роман, Как минимум, cors. А дальше уже по услодняющей, токенная авторизация, создание петель

[Анатолий Чернышев]

Роман, Либо не упарываться жестко, и в nginx настроит хост через passenger обрабатывающий node, Но суть остается таже, доступ к ноде остается открытым для мира, поэтому защита все равно нужна

Answer 2

[Robur]

Не знаю насчет nuxt, но как-то именно так обычно и делают ui/api.