2022-uni-app解析token标准的方式-使用jsrsasign-爬坑过了

1.直接使用这个decodeURIComponent(escape(window.atob(strings[1]，在uini-app解析token是失败的

	var token = data.token; //在请求头中获取token
	let strings = token.split("."); //截取token，获取载体
	var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(
		/-/g, "+").replace(/_/g, "/"))))); //解析，需要吧‘_’,'-'进行转换否则会无法解析

• 如果你要这样子去使用，直接是报错的
  

10:59:34.382 联机调试并非打包，调试基座 HBuilder 是默认的测试包，权限、图标都不可自定义。只有在点菜单"发行-发行为原生安装包"时才能自定义这些设置
10:59:34.404 iOS9.0及以上系统需要在"设置"-"通用"-"设备管理"(或"描述文件")中信任DCloud企业证书(Digital Heaven开头的证书)才可以正常使用
10:59:34.428 如手机上HBuilder调试基座未启动，请手动启动。如应用未更新，请在手机上杀掉基座进程重启
11:01:05.950  [JS Framework] Failed to execute the callback function:
11:01:05.975  TypeError: undefined is not an object (evaluating 'window.atob') __ERROR 

• 直接挂了，所以我们不能使用pc端的方式来解析token

2. 我们现在看看如何正确的使用

2.1 下载依赖

npm install jsrsasign

2.2. 封装一个公共方法

import jsrsasign from 'jsrsasign'
export const decodeToken = (token) => {
    
  let obj = null
  if (token !== '') {
    
    const payload = jsrsasign.KJUR.jws.JWS.parse(token)
    if (payload.hasOwnProperty('payloadObj')) {
    
      obj = payload.payloadObj
    }
  }
  return obj
}

2.3. 导入，使用

import {
    decodeToken} from '@/utils/jsrsasign.js'
onShow() {
    
	let token = uni.getStorageSync('token')
	// 解析token获取当前账号的权限数组
	let userinfo = decodeToken(uni.getStorageSync('token'))
	this.init_data = JSON.parse(userinfo.data)
	// console.log(this.init_data, "解析数据")
	this.init()
},

3.搞定，也不报错了！！