Ребят, всем привет!)

Скажите, пожалуйста, можно ли реализовать презагрузку лоадера, когда страница впервые загружается в браузер?

Не loading в nuxt.config, а как сделано на https://goodwork.spb.ru/ (не реклама, просто нужен такой же эффект)

Мол, когда стр впервые загружается в браузер, то идёт прелоадер, а потом уже появляется отрисованная страница.

При переходов с одной стр на другую - уже включается loading в nuxt.conf

Я думаю норм цена на Джуна с опытом

Привет. Пытаюсь сделать сайт на Nuxt с vuex-persistedstate, но не получается.
Мне нужно получать по апи данные и записывать их в стейт перед рендером, при этом проверяя, лежит ли уже что-то в state. Сначала делал внутри nuxtServerInit — сам запрос к апи шёл нормально, но там почему-то вообще не работал persistedstate (хотя неудивительно — я же его подключаю с mode: ‘client’). Теперь перешёл на classic mode для стора, но, видимо, что-то не так с порядком действий.
Доки по vuex и жизненному циклу читал, ридми vuex-persistedstate тоже

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

Хм, да, я очень сильно тупил. Стейт же локальный, а я хотел с ним на сервере работать. Всем спасибо, вопрос закрыт

Мне тоже опыт)) Тебе спасибо :D
Да, получается, что сервер не может получить данные перед рендером из браузера пользователя

Plugin, middleware.... process.isClient...

о, а вот про middleware я забыл
спасибо, сейчас попробую

И сразу тестируй заход по директ линк, мидлваре не отработает, поэтому дублировать код в плагине 😁

Как не может ? А куки?

😄 точно!)

Нет, всё равно не помогло
Вернее, конкретно middleware работает, но стейт всё так же не сохраняется
То есть я подключил vuex-persistedstate как плагин, заставил его писать всё в куки вместо localStorage, но он просто ничего не делает
В куках ничего, все данные как лежали в localStorage, так и лежат
То есть плагин просто не срабатывает, хотя в ридми сказано подключать его именно через nuxt.config.js
Понятия не имею, что с этим делать

middleware работает на маршрутах(1!) в нем ты можешь понять где он юзается, может я не так понял... Вот пример

import AuthStore from '@/store/AuthStore' import { getModule } from 'vuex-module-decorators' const needAuthorize = ({ redirect, route, store, app, next }) => { const isAuthRoute = !!route.meta && route.meta.find((item) => item.requiresAuth) if (process.client) { getModule(AuthStore, store).updateSessionUser() } if (process.client && isAuthRoute && !getModule(AuthStore, store).isAuthenticated) { return redirect('/auth/login') } } export default needAuthorize

Да нет, про middleware я как раз понял
Но спасибо
Впрочем, я всё равно уже написал какой-то странный и подозрительно простой костыль для кук, который, кажется, даже работает

А вообще юзай nuxt universal cookie, как-то так и не парься

Я его и юзаю
Видимо, как-то неправильно, но хотя бы работает

Без ссылки на кодпен или репу..., тяжело сказать

Привет ребят. Подскажите решение вопроса. Прохожу сейчас англоязычный курс по Nuxt и там чувак использует asyncData вместе с setTimeout. Можно увидеть, что он пишет на скрине. Проблема заключается в том, что Nuxt пишет, что ему нужны промисы или async/await. Вот я и хочу сделать вместе с async/await, но у меня никак не выходит. Подскажите, как исправить код под async/await

возвращайте промис который резолвится по таймауту

тоесть у вас будет примерно

async asyncData() {
 await new Promise(resolve => {
    setTimeout(() => resolve({...данные}), 1000)
})
}