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

Posted 2023-03-10

【中文标题】如何在 Vue JS 中处理登录 JWT 令牌？

【英文标题】：How to handle login JWT token in Vue JS?

【发布时间】：2022-01-03 11:29:23

【问题描述】：

我的 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')

  ,

【参考方案1】：

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

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

,`