vue全局缓存登录后返回数据并使用

一、将获取到的token进行全局缓存

login(this.loginForm).then((res) => {
   console.log('res',res)//接口返回数据
   if (res.code === 200) {
      console.log('token',res.data.token)//确定接口返回token
      //const token = res.data.token//定义token承接返回token
      localStorage.setItem("token", JSON.stringify(res.data.token));//将res.data.token的数据存储入token中,需提前转化成string类型
      this.$router.push({path: '/首页路由路径'})//进行路由跳转
      this.loading = false
   } else {
     this.$message.error(res.message);
      this.loading = false
   }
 })

二、在页面中使用全局缓存中的数据

created() {
   let token = JSON.parse(localStorage.getItem('token'));//将全局缓存的token数据赋值给token
   console.log('获取到的缓存数据',token)
},