Взаимодействие с БД в nuxt.js?

Question

[aweui]

Всем привет.
Есть проект на nuxt.js, который будет немного разрастаться, что предусматривает взаимодействие с базой данных.

Как это происходит на практике? Например, есть шаблон articles.vue, в котором будет происходить выборка записей из бд.
Как вообще этот код примерно будет выглядеть? В шаблон будет прилетать что-то в json-формате, скорее всего ( как у mongo )?

Если кто даст линк на пример с кодом, буду очень признателен.
Спасибо.

Answer 1

[Александр Филиппенко]

https://github.com/cretueusebiu/laravel-nuxt
Суть в том, что Nuxt должен посылать Ajax запросы к бэкенду сервера (в данном примере на PHP, но вообще не важно на чём), а сервер должен отдавать данные из базы, желательно в формате JSON.
То есть непосредственно взаимодействовать с БД должен не Накст, а бэк, в который уже стучится Накст.
Примеров с тем же axios полно.

Comments

[Александр Филиппенко]

Можно ещё какой-нибудь serverless использовать, если проект мелкий.
https://firebase.google.com/
https://www.storyblok.com/

[aweui]

Александр Филиппенко, т.е. в nuxt выборка из БД, это всегда аякс-запрос axios-ом?

[Александр Филиппенко]

aweui, да. Это любого фронтэнд фреймворка касается.
axios не обязательно, но обычно его используют, плюс есть удобный плагин https://ru.nuxtjs.org/guide/plugins/
https://axios.nuxtjs.org/

[aweui]

Александр Филиппенко, спасибо за ответ. Буду пробовать)

[Strannyk]

Не холивара ради, но мне больше vue-resource нравился.

[aweui]

Александр Филиппенко, я тут еще задумался. Если у меня nuxt крутится на express.js, что может логичнее как-то на express и делать файлы-обработчики, к которым nuxt и будет "стучаться" ? Это я к тому ,что если проект на js, то не нужно его расширять php.

[Александр Филиппенко]

aweui, ну да, правда я не пойму что значит "nuxt на express".
Но вообще express в качестве бэка вполне подходит. Где-то видел примеры использования этого всего.

[aweui]

Александр Филиппенко, https://github.com/svilkov87/aleton-nuxt/blob/mast... - вот тут в проекте подключается express как раз и используется SSR. И если я все правильно понимаю, то при SSR за отрисовку компонентов сервером отвечает как раз express. Это я и вкладывал в понятие "nuxt на express" )

[Александр Филиппенко]

aweui, оригинально. Обычно, если чистый nuxt развернуть, там папки server нет. Хотя express в зависимостях есть. И в доках рекомендуется другой способ сборки и включения SSR, но этот тоже имеет право на жизнь.
По идее вам нужно дописать в этом файле дополнительные роуты, типа '/api/posts' проследить чтобы они выполнялись раньше nuxt, а там уже получать из базы что нужно.
Единственное, я тут вижу проблему сильной привязанности к express. Сейчас принято делать независимые друг от друга фронт и бэк.

[Andrey]

Nuxt можно использовать с любым беком, ну есть же куча примеров, почему не почитать офф. доку перед тем как задавать вопрос? https://github.com/nuxt-community

[aweui]

Andrey, потому что искал и не нашел.

[Andrey]

aweui, а как я тогда нашел?

[aweui]

Andrey, я хз