Могу ли я использовать Nuxt.js для рендеринга данных из базы данных?

Question

Я нахожусь в процессе изучения nuxt.js, поэтому я решил создать небольшой проект с ним. Я прочитал пару документов. Есть кое-что, что я не до конца понял.

Если Nuxt может использовать несколько базовых фреймворков (express, hapi, koa и другие), могу ли я использовать что-то вроде sequelize и создать с ним приложение с полным стеком?

Например, я использую express и sequelize для доступа к базе данных. Затем используя nuxt ' asyncData , чтобы отобразить его в моем компоненте без выборки, используя axios . Является ли это возможным? Нужна информация об этом

Answer 1

Nuxt.js не зависит от бэкэнда - это означает, что вы можете использовать любую бэкэнд-технологию для питания вашего приложения Nuxt.js (или Vue.js).В вашем случае вы можете создать свой бэкэнд используя express и sequelize.Вы не можете напрямую обращаться к своей базе данных из своего nuxt, вам нужно создать интерфейсы, которые будут предоставлять данные в ваших асинхронных данных.

<script>
import Customers from '~/plugins/Customers.js'
export default{
  asyncData ({ params }) {
    return Customers.getCustomers()
    .then(result => { customers: result.users})
  } 
}
</script>

В следующем примере getCustomers () возвращает Promise, который содержит пользователей.В Customers.js вы создаете интерфейсы для доступа к вашей базе данных.Надеюсь, что это дает вам представление о том, как вы можете реализовать, всегда рекомендуется абстрагировать ваш интерфейс и бэкэнд, чтобы в будущем, если вы захотите изменить свой бэкэнд-стек, его было бы легко обновить, а также отправлять запросы API на ваш экспресс-сервер.в твоей асиндате было бы хорошо.