Vue.js解析jwt

2019独角兽企业重金招聘Python工程师标准>>>

function utf8_to_b64( str ) {
  return window.btoa(unescape(encodeURIComponent( str )));
}

function b64_to_utf8( str ) {
  return decodeURIComponent(escape(window.atob( str )));
}

 

JWT长什么样？

JWT是由三段信息构成的，将这三段信息文本用.链接一起就构成了Jwt字符串。就像这样:

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiYWRtaW4iOnRydWV9.TJVA95OrM7E2cBab30RMHrHDcEfxjoYZgeFONFh7HgQ

第一部分我们称它为头部（header),第二部分我们称其为载荷（payload, 类似于飞机上承载的物品)，第三部分是签证（signature).

第二部分即为我们在Java后端设置的数据map。我们在前端用split分割jwt，取第二部分的值即为map 

let userString = decodeURIComponent(escape(window.atob(response.data.split('.')[1])))
let user = JSON.parse(userString).user

 

转载于:https://my.oschina.net/hutaishi/blog/1574733