如何在Vue JS中处理登录JWT令牌？

Question

我的本地存储中有一个令牌。如果我删除 localstorage 中的令牌，那么我就不会注销。 你能给我举个例子来说明如何做到这一点吗？

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")
}

}，`