как использовать vuex-persistentstate вместе с настройкой существующего хранилища (vuex)?

#javascript #vue.js #vuex #vue-storefront

#javascript #vue.js #vuex #vue-витрина

Вопрос:

Я пытаюсь настроить usercredentials plus token в localstorage при любом usersignin . У пользователя появляется изображение профиля всякий раз, когда он обновляет свое изображение профиля. Существующее изображение профиля (localstorage) отображается пользователю, если он не перезапустит страницу. только тогда ему показывается изображение. Я пробовал использовать как vuex, так и localstorage.Vuex не является постоянным, и вычисляемые свойства не получают обновленного значения, пока страница не будет перезагружена снова. Я нашел имя плагина vuex-persistentstorage, но я не могу найти способ использовать его в моем существующем хранилище. Любое решение или пример использования моего хранилища с постоянным хранилищем будут действительно полезны. Вот что я пытаюсь получить. https://www.npmjs.com/package/vuex-persistedstate

Комментарии:

1. Я знаю, что мой ответ может выходить за рамки, но, по крайней мере, для токенов или информации такого рода, настоятельно рекомендуется хранить его в файле cookie HttpOnly, localStorate доступен любым скриптом вашей страницы, файл cookie HttpOnly отправляется при каждом запросе и недоступен вашим кодом. logrocket.com/blog/jwt-authentication-best-practices

2. спасибо, я обязательно его использую.

3. Я использовал [ alligator.io/vuejs/vuex-persist-state /] вместе с демонстрацией [ codesandbox.io/s/80k4m2598?autoresize=1 ] Это решило проблему вычисляемых свойств, не реагирующих на изменения в локальном хранилище.