jwt-decode经过了一次更新,jwt-decode中已没有jwt-decode模块,所以无法使用jwt-decode进行jwt令牌解析。
通过查找模块,发现jwt-decode模块更新为jwtDecode模块
所以需要使用jwtDecode进行解析
使用es6语法进行导入
import { jwtDecode } from "jwt-decode";
进行解析并存入数组
export default {
data() {
return {
// 版块和圈子数据
localData: [],
// 走马灯数据
imagebox: [],
//token数据
token: "",
// 个人中心数据
decode: [],
};
},
mounted() {
// console.log(this.$route.query.token); // 输出 "your-token-value"
// 从路由的meta字段中获取token的值
const token = this.$route.query.token;
// 将token存储到组件的data属性中
this.token = token;
console.log(token.token); // 输出 "your-token-value"
console.log(123);
console.log(jwtDecode(token.token));
const decode = jwtDecode(token.token); // 解析JWT获取内部数据
// 将token的用户信息存储到组件的data属性中
this.decode = decode;