vue中使用jwt-decode解析token的方法
更新時(shí)間：2022年06月15日 15:23:04 作者：~疆
這篇文章主要介紹了vue中使用jwt-decode解析token,文末給大家補(bǔ)充介紹了vue通過(guò)jwt-decode解析token獲取需要的數(shù)據(jù)，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下
安裝：
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))補(bǔ)充：vue通過(guò)jwt-decode解析token獲取需要的數(shù)據(jù)
1、安裝jwt-decode插件
npm install jwt-decode --save? //慢的話可以cnpm cnpm install jwt-decode --save
2、在頁(yè)面引入安裝的插件
這里我是在vuex中引入的，因?yàn)槲以诘卿浤玫絫oken后，我就需要解析token,然后將信息保存起來(lái)
import jwt_decode from "jwt-decode";
3、使用
// 解析獲取token
//data.normal_login_token為請(qǐng)求到的token
const decode = jwt_decode(data.normal_login_token).accountId; // 解析
// 保存accoundId
localStorage.setItem("decode", decode);4、這樣就拿到了，然后在需要使用的時(shí)候直接使用就行
//獲取解析的數(shù)據(jù)
localStorage.getItem("decode");到此這篇關(guān)于vue中使用jwt-decode解析token的文章就介紹到這了,更多相關(guān)vue解析token內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本文主要介紹了vue3中Teleport和Suspense的具體使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
這篇文章主要為大家詳細(xì)介紹了Vue.js實(shí)現(xiàn)備忘錄功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
vue結(jié)合Echarts實(shí)現(xiàn)點(diǎn)擊高亮效果的示例
下面小編就為大家分享一篇vue結(jié)合Echarts實(shí)現(xiàn)點(diǎn)擊高亮效果的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
本文主要介紹了關(guān)于electron打包的坑，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
vue $set 實(shí)現(xiàn)給數(shù)組集合對(duì)象賦值
這篇文章主要介紹了vue $set 實(shí)現(xiàn)給數(shù)組集合對(duì)象賦值方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-07-07
這篇文章主要介紹了如何利用vue寫一個(gè)日歷，幫助大家更好的理解和學(xué)習(xí)vue，感興趣的朋友可以了解下2020-11-11
vue3?中的toRef函數(shù)和toRefs函數(shù)的基本使用
這篇文章主要介紹了vue3?toRef函數(shù)和toRefs函數(shù),文中介紹了ref和toRef的區(qū)別，ref本質(zhì)是拷貝，修改響應(yīng)式數(shù)據(jù)不會(huì)影響原始數(shù)據(jù)，toRef的本質(zhì)是引用關(guān)系，修改響應(yīng)式數(shù)據(jù)會(huì)影響原始數(shù)據(jù)，需要的朋友可以參考下2022-11-11
vuejs element table 表格添加行,修改,單獨(dú)刪除行,批量刪除行操作
這篇文章主要介紹了vuejs element table 表格添加行,修改,單獨(dú)刪除行,批量刪除行操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
解決Vue.js Devtools未檢測(cè)到Vue實(shí)例的問(wèn)題
在開發(fā)Vue.js應(yīng)用時(shí),Vue.js Devtools是一個(gè)不可或缺的調(diào)試工具,然而,有時(shí)我們可能會(huì)遇到“Vue.js not detected”的提示,這意味著Vue.js Devtools未能成功識(shí)別和連接到我們的Vue應(yīng)用,本文將詳細(xì)解析這個(gè)問(wèn)題,并提供相應(yīng)的解決步驟與代碼示例,需要的朋友可以參考下2024-01-01
下面小編就為大家分享一篇elementui的默認(rèn)樣式修改方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助，一起跟隨小編過(guò)來(lái)看看吧2018-02-02