vue中使用jwt-decode解析token的方法
安装：
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");
到此这篇关于vue中使用jwt-decode解析token的文章就介绍到这了,更多相关vue解析token内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网！
相关文章
Neva
2020-01-08
Flower
2020-01-16
Ruth
2020-06-03
Serwa
2020-03-20
Claire
2021-05-21
Rhoda
2023-07-22
Hester
2023-07-22
Grace
2023-07-22
Vanna
2023-07-22
Peony
2023-07-22
Dorothy
2023-07-22
Dulcea
2023-07-22
Zandra
2023-07-22
Serafina
2023-07-24
Kathy
2023-08-08
Olivia
2023-08-08
Victoria
2023-08-08
Elina
2023-08-08
Jacinthe
2023-08-08
Viridis
2023-08-08