Comment gérer le jeton de connexion JWT dans Vue JS ?

Question

J'ai un jeton dans mon stockage local. Si je supprime le jeton dans localstorage, je ne me déconnecte pas. Pouvez-vous me donner un exemple de la façon de procéder ?

created() {
  if (this.vueToken) {
  let headers = {
    Authorization: "Bearer " + localStorage.getItem("vueToken"),
  };

  axios
    .get("checkLogin", {
      headers: headers,
    })
    .then((response) => response);
}else{
    this.$router.push('/login')
}
  },

Answer 1

Vous devez définir une condition dans la route de sécurité, par exemple si le jeton dans le stockage local est vide, puis transférez-le vers le stockage local. Voici un exemple de code.

mounted() {
this.token = localStorage.getItem("ivToken");    
if(this.token===null){     
  this.$router.push("/signin")
}

},`