网络编程
位置：首页>> 网络编程>> JavaScript>> vue中使用jwt-decode解析token的方法

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

作者：~疆　　发布时间：2023-07-02 17:03:24　

标签：vue,jwt,decode,token

安装：

cnpm i -S jwt-decode

引入：

import jwt_decode from "jwt-decode";

使用：

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

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

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

来源：https://blog.csdn.net/qq_40323256/article/details/125297172

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com