信息发布→ 登录 注册 退出

vue中使用jwt-decode解析token的方法

发布时间:2026-01-11

点击量:

安装:

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");
在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!