vue解析token

时间:2022-06-19 ~疆人气:0

安装：

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");

加载全部内容