我的编程空间,编程开发者的网络收藏夹
学习永远不晚

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

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

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内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

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

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

asp.net core 中的Jwt(Json Web Token)的使用详解

session不支持分布式并且在服务器存储一份用户登录的信息,这份登录信息会在响应时传递给浏览器,告诉其保存为cookie,以便下次请求时发送给我们的应用,这篇文章主要介绍了asp.net core 中的Jwt(Json Web Token)的使用,需要的朋友可以参考下
2022-11-13

VUE中的exportdefault和export使用方法解析

exportdefault和export都能导出一个模块里面的常量,函数,文件,模块等,在其它文件或模块中通过import来导入常量,函数,文件或模块。但是,在一个文件或模块中export,import可以有多个,exportdefault却只能有一个。
2022-12-14

sql中decode的使用方法是什么

在SQL中,DECODE函数可以用于实现简单的逻辑判断和条件判断。其语法如下:DECODE(expression, search1, result1, search2, result2, ..., default_result)其中,ex
sql中decode的使用方法是什么
2024-04-09

Oracle中DECODE函数的基本用法解析

Oracle中DECODE函数的基本用法解析在Oracle数据库中,DECODE函数是一种非常常用的函数,用于实现类似于多层if-else语句的逻辑判断和数值替换。DECODE函数的基本语法如下:DECODE(expr, search1,
Oracle中DECODE函数的基本用法解析
2024-03-07

深入理解Oracle DECODE函数的使用方法

Oracle数据库中的DECODE函数是一种非常常用的条件表达式函数,它的作用是根据不同的条件返回不同的值。本文将深入探讨Oracle DECODE函数的使用方法,并提供具体的代码示例以帮助读者更好地理解。一、DECODE函数的基本语法
深入理解Oracle DECODE函数的使用方法
2024-03-08

sql中decode函数使用的方法是什么

在SQL中,DECODE函数用于比较一个表达式与一系列可能的值,并返回匹配的结果。DECODE函数的语法如下:DECODE(expr, search1, result1, search2, result2, ..., default_re
sql中decode函数使用的方法是什么
2024-02-29

oracle中decode函数的使用方法是什么

在Oracle数据库中,DECODE函数用于根据指定的条件对值进行比较,如果满足条件则返回一个值,否则返回另一个值。DECODE函数的使用方法如下:DECODE(expression, search_value1, return_valu
oracle中decode函数的使用方法是什么
2024-03-15

Javajwt使用公钥字符串验证解析token锁方法详解

关于java获取Token验证的问题相信很多人都遇见过,尤其是对刚接触微信开发的人来说确实有点棘手,下面这篇文章主要给大家介绍了关于Java中token验证解析的相关资料,需要的朋友可以参考下
2023-02-10

Vue中XMLHttpRequest的使用方法详解

Vue中使用XMLHttpRequest(XHR)可以获取数据的方式与传统的HTML页面相同,本文主要来和大家讲讲它的正确使用方法,希望对大家有所帮助
2023-05-19

Vue中$set()的使用方法场景分析

由于Vue会在初始化实例时进行双向数据绑定,使用Object.defineProperty()对属性遍历添加getter/setter方法,所以属性必须在data对象上存在时才能进行上述过程,这样才能让它是响应的,这篇文章主要介绍了Vue中$set()的使用方法场景分析,需要的朋友可以参考下
2023-02-18

Vue中watch使用方法详解

watch就是当值第一次绑定的时候,是不会执行监听函数的,只有值诞生改变才会执行。如果需要在第一次绑定的时候也执行函数,则需要用到immediate属性,比如当父组件向子组件动态传值时,子组件props首次获取到父组件传来的No认知时,也需要执行函数
2023-01-28

Vue中Vue.extend()的使用及解析

这篇文章主要介绍了Vue中Vue.extend()的使用及解析,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
Vue中Vue.extend()的使用及解析
2022-11-13

编程热搜

目录