Как в NUXT на сервере брать данные прямо из базы данных (в противоположность запросу на другой эндпоинт)?

Question

[origami1024]

Только начал изучать NUXT и SSR в целом.
Основной сервер на express, генерирующий vue приложуху использую и как api, отдающий json.
Хочу при генерации vue приложухи сразу брать данные из postgres.
Я так понимаю это делается в методе asyncData (https://nuxtjs.org/guide/async-data)

Но все примеры как пользоваться этим методом используют ajax запрос.
Я вот что-то не понимаю, этому коду видимо не доступны модули типа pg, которые доступны в app.js - т. е. на сервере.
Концептуально не понятно, как сюда передать данные из бд?

Answer 1

[Aetae]

Очевидно что вся суть SSR в том что он работает и на сервере и на клиенте. В принципе можно конкретно для серверной стороны прокинуть туда все серверные же модули, но как ты собрался лезть в ту же базу на клиенте?
SPA какбэ работает динамически на клиенте, подгружая по ajax только данные, серверная же часть при SSR отрабатывает только при обращении по прямой ссылке.
Т.е. либо тебе придётся посылать всё гавно из базы для для всех компонентов сразу на клиент при загрузке, либо таки внутри каждого компонента делать дополнительные запросы на сервер за данными, а значит всё равно нужно ajax api к базе.

Comments

[origami1024]

ajax api к базе у меня есть. И клиентская часть будет грузить оттуда

Но на серверной части эффективнее брать всё напрямую из базы.

конкретно для серверной стороны прокинуть туда все серверные же модули

Если прокинуть эти серверные модули, они будут включаться в размер клиентского бандла, по идее? Тоже нефига не эффективно.
Может можно получать из базы данные в серверной части, где эти модули доступны и сразу перед генерацией передавать готовые бд данные входным параметром, чтобы это как-то прилетело в asyncData?

[Aetae]

Тогда это имеет некоторый смысл.
Сам никогда так не делал, но теоретически тебе надо сделать простейший mode: 'server' плагин, пробрасывающий нужные модули в контекст asyncData, а в самом asyncData в зависимости от process.server использовать тот или иной вариант.

[origami1024]

Aetae, спс буду разбираться, что за inject в контекст

[origami1024]

Нашел наконец, https://nuxtjs.org/api/configuration-servermiddleware/ - вот это одна из штук, созданных для того чтобы с сервера данные пробрасывать

[profesor08]

Очевидно что вся суть SSR в том что он работает и на сервере и на клиенте

Не совсем. Часть работает везде, часть только на сервере. Например запросы к апи можно сделать чтоб выполнялись только на сервере, тем самым скрыть их от лишних глаз. Клиент будет получать только данные от nuxt который крутится на сервере.

[Aetae]

profesor08, т.е. заменить запросы к внутреннему api запросами к внешнему api создаваемому nuxt или иной прокладкой. Это какбэ обычный back-end. К SSR никакого отношения такое поведение не имеет.

[profesor08]

Aetae, nuxt и есть бэкенд. Ты его стартуешь и он крутится на бэке и отдает тебе html. Как этот html будет при этом работать, решать уже тебе.

[Aetae]

profesor08, яж не спорю. Но nuxt !== SSR. SSR это технология, которая используется в том числе и в nuxt, помимо кучи всего иного. SSR, как я уже сказал, не имеет никакого отношения к пробрасываю api, это особенности реализации.

[profesor08]

Aetae, я говорю о фреймфорке.

[Aetae]

profesor08, а я говорил об SSR. ¯\_(ツ)_/¯