Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Recarregar pagina e manter estado

Aprendemos sobre o Vuex no curso, como guardar o estado da aplicacao. Mas acontece que se dermos um f5 ou recarregarmos a página, a aplicação volta ao estado inicial. Qual seria uma opção para manter esse estado ativo, como se fosse uma sessão ou local Storage?

Porque da forma como acabou o curso, se estivermos com o login realizado, mesmo assim somos redirecinados ao login ao atualizar a pagina, pois ele volta ao estado de token nulo. Como podemos solucionar? Fiquei com essa dúvida.

3 respostas
solução!

Salve, José! O vuex, por padrão, só persiste as informações em tempo de execução. Por isso que a aplicação retorna ao estado inicial ao ser recarregada.

Uma das formas de atender a sua necessidade é utilizar este pacote npm: https://www.npmjs.com/package/vuex-persist.

Você também pode persistir as informações que quer manter na localStorage ou sessionStorage e recuperar quando a aplicação iniciar, e é isso que esse pacote faz por baixo dos panos :)

Boa tarde!

Opa, muito obrigado professor pela informação! Vou estudar essa biblioteca e implementar no projeto do curso para treinar :)

Excelente iniciativa!

Fique à vontade para abrir outro tópico no fórum, caso apareça alguma nova dúvida.