登录后刷新token

最新推荐文章于 2024-07-23 12:00:00 发布

前端—小白菜

最新推荐文章于 2024-07-23 12:00:00 发布

阅读量2k

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_44087189/article/details/121516801

版权

本文介绍了在前端项目中处理token验证的问题。在登录后，将token存储在sessionStorage中，通过axios请求拦截器确保每次请求都携带有效token，避免因token过期导致的数据获取错误，从而实现在不刷新页面的情况下正常获取数据。

摘要由CSDN通过智能技术生成

在此次做的项目中，请求后端数据时，需要将token放在请求头中

登陆后将token存入sessionStorage中：

 handleSubmit() {
      axios.post('/backend/public/admin/login',
      {
        'account':this.loginform.user,
        'password':this.loginform.password
      }).then(
        res=>{
          if(res.data.retcode!=200100){
            this.$message.error(this.status[res.data.retcode])
            console.log('登录信息错误')
          }else{
            sessionStorage.setItem('userinfo',JSON.stringify(res.data.retstring.userinfo))
            sessionStorage.setItem('token',res.data.retstring.token)
            this.$router.push('/banner')
            this.$message.success("登录成功！")
            // console.log(res,'登陆成功')
          }
        }
      ).catch(
        err=>
        this.$message.error("登录失败"+err)
      )

1.刚开始的时候使用࿱