vue中使用jwt-decode解析token的方法
更新时间：2022年06月15日 15:23:04 作者：~疆
这篇文章主要介绍了vue中使用jwt-decode解析token,文末给大家补充介绍了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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
这篇文章主要介绍了vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
在vue2中 使用的 this.$route 和 this.$router this.$store的使用在vue3中完全适用，这篇文章主要介绍了Vue3 使用Vuex和router的注意事项及操作方法,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了vue实现商城秒杀倒计时功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-12-12
这篇文章主要介绍了vue路由结构可设一层方便动态添加路由操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
vue如何封装自己的Svg图标组件库(svg-sprite-loader)
这篇文章主要介绍了vue如何封装自己的Svg图标组件库(svg-sprite-loader)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
Vue3新特性Suspense和Teleport应用场景分析
本文介绍了Vue2和Vue3中的Suspense用于处理异步请求的加载提示,以及如何在组件间实现动态加载,同时,Teleport技术展示了如何在DOM中灵活地控制组件的渲染位置,解决布局问题,感兴趣的朋友跟随小编一起看看吧2024-07-07
这篇文章主要介绍了vue+element加入签名效果（移动端），本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
在项目中表单筛选项里，选择完之后刷新页面数据就变了，没有保留在自己选择的选项上。本文使用session存储数据，具有一定的参考价值，感兴趣的可以了解一下2021-09-09
这篇文章主要介绍了解决如何el-date-picker 宽度溢出浏览器问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-07-07
RuoYi-Vue是一款基于SpringBoot+Vue的前后端分离极速后台开发框架, 本文主要介绍了idea部署RuoYi-Vue分离版的图文详解,具有一定的参考价值,感兴趣的可以了解一下2024-06-06
最新评论