Как записать в localStorage через axios до того как загрузится приложение?

Question

[Vitalionus]

Мое приложение должно получать для работы данные с другого сервера, если эти данные не получены, нужно запретить все страницы в роутере пока данные не получены кроме главной.
Данные получаю в beforeEach
Но дело в том, что в самый первый раз они приходят позднее чем создается компонент. Поэтому в компоненте
mydata = null

data() {
    return {
      mydata: JSON.parse(localStorage.getItem('mydata')),
    };

Какая вообще должна быть логика, если нужно сперва получить данные прежде чем загрузить компонент. Например сервер может отвечать 2 секунды.

Comments

[Игорь]

Больше кода для примера, что вы делаете.

тыц

Допускается асинхронное разрешение хуков — в этом случае переход считается незавершённым до тех пор, пока не будут разрешены все хуки.

[Vitalionus]

Игорь, У меня есть пока только наброски, мне нужно понять, в какой момент получать данные с удаленного сервера и записывать их в localStorage, что бы они были доступны в компоненте после первой загрузки приложения.

[Игорь]

Vitalionus, тыц

[Игорь]

Vitalionus, Ну или на худой конец в created

[Vitalionus]

Игорь, Вы не так поняли наверно, в компоненте получить данные нет проблем.
Схема такая:
1 Начинает загружаться приложение,
2) С удаленного сервера получаются данные и пишутся в локалстораж
3) Идет проверка роутера, например /profile
Если данные в локалстораж пустые, то запрещаем.
4) После того как загрузится страница profile, компонент должен получить данные из локалстораж

[Игорь]

Vitalionus, Авторизацию мутите?

Защита роутов?

[Игорь]

middleware-vo-vue