Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 July 23

Д

Деда in Nuxt.js — русскоговорящее сообщество
перезапусти npm run dev
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
console.log(this.$axios) потом
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
Что то у тебя как то криво стоит
источник

ВБ

Виктор Банев... in Nuxt.js — русскоговорящее сообщество
А нет, оно затупило просто
источник

ВБ

Виктор Банев... in Nuxt.js — русскоговорящее сообщество
все нормально рабоатет
источник

ВБ

Виктор Банев... in Nuxt.js — русскоговорящее сообщество
Спасибо, деда!
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
Танемазашо
источник

ВБ

Виктор Банев... in Nuxt.js — русскоговорящее сообщество
Правда, принцип не понял
источник

ВБ

Виктор Банев... in Nuxt.js — русскоговорящее сообщество
Почему ему оно принципиально
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
надо копаться, я так не скажу сам
источник

NN

Nurbek Nurjanov in Nuxt.js — русскоговорящее сообщество
По наксту вопрос

Я выявил что в странице
beforeCreate
created выполняются на сервере

а beforeMount, mounted, destroy они выполняются только в браузере в клиенте

Так вот, мне для SSR SEO нужно получить кое что из АПИ, и подставить это данные в head.title

Ествественно что я делаю, использую beforeCreate и created хуки,
Но блин они не ждут пока axios закончить свой запрос
Поэтому SSR не происходит
Я пробовал даже так
 async created(){
   await this.$store.dispatch('page/getPage', this.getSlug());
 },
Все равно Nuxt не ждет окончание аксиоса, быстро генерит html и дальше уже на стороне клиента axios успевает все притащить. но уже поздно.

надеюсь смог обяснить проблему, что скажете ??

Куда копать ??
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
Nurbek Nurjanov
По наксту вопрос

Я выявил что в странице
beforeCreate
created выполняются на сервере

а beforeMount, mounted, destroy они выполняются только в браузере в клиенте

Так вот, мне для SSR SEO нужно получить кое что из АПИ, и подставить это данные в head.title

Ествественно что я делаю, использую beforeCreate и created хуки,
Но блин они не ждут пока axios закончить свой запрос
Поэтому SSR не происходит
Я пробовал даже так
 async created(){
   await this.$store.dispatch('page/getPage', this.getSlug());
 },
Все равно Nuxt не ждет окончание аксиоса, быстро генерит html и дальше уже на стороне клиента axios успевает все притащить. но уже поздно.

надеюсь смог обяснить проблему, что скажете ??

Куда копать ??
Копать в сторону документации накста и asyncData
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
В asyncData получи данные, засунь в переменную и потом её уже добавь в title страницы
источник

NN

Nurbek Nurjanov in Nuxt.js — русскоговорящее сообщество
Владимир Бандуристов
Копать в сторону документации накста и asyncData
это я читал, asyncData не подходит. Потому что asyncData работает еще до создание компонента. То есть console.log(this) будет undefined
а мне нужно заставить работать this.$store.distpach
источник

NN

Nurbek Nurjanov in Nuxt.js — русскоговорящее сообщество
внутри asyncData вызвать сторе не получается, или я не умею.
но прямые запросы АПИ я бы не хотел писать в компоненте, по идее надо все через store.dispatch
источник

w

wkornilow in Nuxt.js — русскоговорящее сообщество
Никуда не копать. Хуки жизненного цикла синхронны, точка. Никакие асинк тут не помогут
источник

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
Nurbek Nurjanov
внутри asyncData вызвать сторе не получается, или я не умею.
но прямые запросы АПИ я бы не хотел писать в компоненте, по идее надо все через store.dispatch
почитай доку
источник

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
не поленить, отрой доку. И почитай её
источник

NN

Nurbek Nurjanov in Nuxt.js — русскоговорящее сообщество
wkornilow
Никуда не копать. Хуки жизненного цикла синхронны, точка. Никакие асинк тут не помогут
но они не ждут axios'а да?? заставить эти хуки ждать пока содрежимое хуки все выполнится ??
источник

w

wkornilow in Nuxt.js — русскоговорящее сообщество
Nurbek Nurjanov
внутри asyncData вызвать сторе не получается, или я не умею.
но прямые запросы АПИ я бы не хотел писать в компоненте, по идее надо все через store.dispatch
Нет не ждут
источник