Как очистить vuex после sign out?

Question

[Владимир Голубь]

Можно ли сбросить весь vuex, даже если он модульный ?

Answer 1

[Алексей Ярков]

Страницу обновить

Comments

[Владимир Голубь]

Если я в nuxt в режиме ssr, делаю редирект на страницу с другим layout, то обновление страницы произойдет ?

[Алексей Ярков]

Владимир Голубь, вы предлагаете мне установить всё это и попробовать? Не проще ли просто сделать и посмотреть что будет? =)

[Владимир Голубь]

Алексей Ярков, ну у меня не обновляет.

[Алексей Ярков]

Владимир Голубь, да и при чём тут nuxt и ssr, если надо просто location.reload() выполнить в браузере?

Answer 2

[Дима Паутов]

нет, откуда vuex должен знать, до каких значений нужно обнулить? А главное, какие свойства для этого нужно задействовать.

Answer 3

[Alex]

Формально, Алексей Ярков прав. Достаточно перезагрузить страницу. Но это не лучший подход.
Перезагружая страницу вы считай перезапускаете всё приложение. Все состояния всех компонентов будут сброшены.
Все файлы стилей и любая другая статика, скорее всего, должна будет скачаться заново.
Лучше всего как раз сделать наоборот — добавить плагин для кэширования состояния, чтобы оно сохранялось между перезагрузками. Чтобы еслии пользователь открыл страницу в новой вкладке, или нажал "Обновить" в браузере, его никуда не перенаправляло, ничего не удалялось.
А для очистки достаточно создать отдельный комит в каждом модуле, который бы устанавливал в состоянии значения по умолчанию и вызывать его когда это нужно.

Comments

[Алексей Ярков]

Ну вроде sign out и предполагает, что вы перезапускаете всё приложение. Сбрасываете состояние всех компонентов и прочее. Разве нет?

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

Кэшировать?

А для очистки достаточно создать отдельный комит в каждом модуле, который бы устанавливал в состоянии значения по умолчанию и вызывать его когда это нужно.

Отличный способ. Но не проще ли location.reload()?

[Alex]

Алексей Ярков, Не всегда. Предположим у нас есть модули UserAccount и Posts.
В первом хранится сессия пользователя, во втором какая-то информация и кэш для отображения блога, никак не зависящая от сессии пользователя.
При sign out нет необходимости сбрасывать весь модуль Posts. Достаточно сбросить модуль UserAccount. А ещё лучше не сбрасывать весь модуль, а только сессию пользователя не затрагивая остальные поля, если это возможно (например не удалять логин пользователя, чтобы при повторной авторизации в рамках одной сессии предложить быстрый вход введя только пароль).

Но не проще ли location.reload()

Проще. Но, менее правильно. Я считаю, что перезагрузка страницы при sign out это плохой тон в случае с Vue когда этого вполне можно избежать.