0

Tengo mi aplicación desarrollada en VueJs, pero lamentablemente se que guardar los datos de sesión de un usuario en LocalStorage quedaría fuera debido a la exposición de los datos. Estoy trabajando con Vuex mas sin embargo la persistencia de los datos aun no me queda claro y no se si esto sea la manera correcta.

Al iniciar sesión obtengo información:

user:{},
token: nandmsna7123DNKASDASDK123ndakmnj18

Mi token lo paso a axios por header para hacer peticiones Post, y actualmente todo lo que tiene el nodo user lo guardo en localStorage

Ustedes recomiendan que solo guarde mi token y nombre de usuario en localStorage? Esto en rendimiento seria muy letal, que me recomiendan para guardar todo mi nodo user pero de forma protegida.

Vue-x

state: {
   user : localStorage.getItem('userdata'),
   token: localStorage.getItem('token') || '',
}

Implemente createPersistedState from 'vuex-persistedstate' dentro de vue-x más sin embargo no he encontrado algo de lo que pueda ayudarme.

plugins: [
   createPersistedState()
],

Alguien puede ayudarme con proteger las sesiones, acepto recomendaciones ó plugins recomendados de casos que hayan implementado ya que es la primera ves que trabajo con vue a fondo y necesito proteger estos datos.

1
  • Vuex-persist es excelente para ello. En caso dado no te funcione (ya que trabaja on top del localStorace), puede con IndexedDB. el 10 jun. 2019 a las 21:13

1 respuesta 1

0

Lo que deberias de hacer es solo almacenar el token en el localstorage para cuestiones de persistencia, luego con ese token hacer fetch cada que inicias la sesion, podria afectar al rendimiento pero seria mas seguro.

y guarda toda la informacion del usuario en el state del store

2
  • Yo estoy desarrollando una primera app, puedo ver los datos de state del store en los archivo vue, pero no en los js como el router.js, puedes por favor dar una orientación al respecto el 24 ago. 2019 a las 3:31
  • Si no lo puedes ver seguramente es porque no haz importado la instancia de la tienda. Recuerda que Router se ejecuta antes del hook created de vue. Si quieres acceder a los estados deberás de importar la instancia de la tienda para poder utilizarla. el 10 oct. 2019 a las 15:16

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.