Size: a a a

Nuxt.js | Vue SSR

2021 June 24

БС

Бурдужа Сергей... in Nuxt.js | Vue SSR
Все привет
источник

БС

Бурдужа Сергей... in Nuxt.js | Vue SSR
Я через fetch наполняю массивы в store.
Данных не так уж и много, но страница очень долго грузится, около 5 секунд.

Думается, что проблема в том. что в fetch вызывают dispatch через await, и они выполняются друг за другом, а не паралельно.

Как можно изменить такое поведение?

Заранее благодарен.

https://i.imgur.com/1pu3Xxe.png
источник

AF

Alexander Fedus in Nuxt.js | Vue SSR
Убери асинк авейт)
источник

AF

Alexander Fedus in Nuxt.js | Vue SSR
И через промис Алл, верни промис
источник

VK

Vyacheslav Koval in Nuxt.js | Vue SSR
посмотри в chrome dev tools во вкладке Network какие запросы выполняются и сколько по времени
источник

БС

Бурдужа Сергей... in Nuxt.js | Vue SSR
Я пробовал через promiseAll сделать.

https://i.imgur.com/vqv6yxs.png
источник

БС

Бурдужа Сергей... in Nuxt.js | Vue SSR
источник

AF

Alexander Fedus in Nuxt.js | Vue SSR
Диспатч и так возвращает промис, его не нужно оборачивать. Просто сделай массив promises и по условиям своим пуш в массив вызов store.dispatch()
источник

AF

Alexander Fedus in Nuxt.js | Vue SSR
И потом по этому массиву делай промис алл
источник

БС

Бурдужа Сергей... in Nuxt.js | Vue SSR
Я до этого делал через asyncData, только при переходе на эту страницу выолнялся api запрос, я хочу, чтобы данные брались из store.
источник

БС

Бурдужа Сергей... in Nuxt.js | Vue SSR
Щас
источник

БС

Бурдужа Сергей... in Nuxt.js | Vue SSR
Так тоже не работает.

https://i.imgur.com/o3gkUGD.png
источник

AF

Alexander Fedus in Nuxt.js | Vue SSR
Ретурн перед промис Алл сделай)
источник

БС

Бурдужа Сергей... in Nuxt.js | Vue SSR
Ураааааааааааааа, работает

Спасибо тебе добрый человек.

А без return нельзя, я async, await вставил.

Уже 1.5 sec.

https://i.imgur.com/iTL6N8i.png
источник

БС

Бурдужа Сергей... in Nuxt.js | Vue SSR
источник

AF

Alexander Fedus in Nuxt.js | Vue SSR
С авейт наверное не сработает, Фетч должен промис возвращать, авейт вроде просто ждет, ну поэксперементируй)
источник

БС

Бурдужа Сергей... in Nuxt.js | Vue SSR
И так, и так работает.
Спасибо тебе еще раз.

Я целый день по форумам бегаю и по докумендациям, промисы ко мне долго доходят, а тут в правильный телеграм канал зашел))
источник

DG

Dinar Galimov in Nuxt.js | Vue SSR
async/await у нас разве не промис возвращает?
источник

СР

Сергей Рыжков... in Nuxt.js | Vue SSR
Советую. Я с Димой работал. Всё технологично, без бюрократии, оплата без проблем. Стэк интересный. Проект интересный.
источник

D

Dmitry in Nuxt.js | Vue SSR
А я рекомендую Сергея - он нам новый подход к разработке открыл, прям шикарнейший SOLID в JS) И Человек он хороший)
источник