如何在 Vue JS 中處理登錄 JWT 令牌？

Question

我的localstorage中有一個令牌。 如果我刪除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

您必須在您的安全路由中設置一個條件，例如，如果您的本地存儲中的令牌是 null，那么您會將其推送到本地存儲。 這是一個示例代碼。

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

},`