Wie gehe ich mit dem Login-JWT-Token in Vue JS um?

Question

Ich habe einen Token in meinem lokalen Speicher. Wenn ich das Token in localstorage lösche, melde ich mich nicht ab. Können Sie mir ein Beispiel geben, wie das geht?

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

您必须在安全路由中设置一个条件，例如，如果本地存储中的令牌为空，则将其推送到本地存储。这是示例代码。

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

}，`