vue解析token

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue解析token

~疆   2022-06-19 我要评论

安装:

cnpm i -S jwt-decode

引入:

import jwt_decode from "jwt-decode";

使用:

import jwt_decode from "jwt-decode";
 
console.log("token:", token)
console.log("解析后的token:", jwt_decode(token))

补充:vue通过jwt-decode解析token获取需要的数据

1、安装jwt-decode插件

npm install jwt-decode --save 
//慢的话可以cnpm
cnpm install jwt-decode --save

2、在页面引入安装的插件

这里我是在vuex中引入的,因为我在登录拿到token后,我就需要解析token,然后将信息保存起来

import jwt_decode from "jwt-decode";

3、使用

// 解析获取token
//data.normal_login_token为请求到的token
const decode = jwt_decode(data.normal_login_token).accountId; // 解析
// 保存accoundId
localStorage.setItem("decode", decode);

4、这样就拿到了,然后在需要使用的时候直接使用就行

//获取解析的数据
localStorage.getItem("decode");

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们