Как декодировать полезную нагрузку токена JWT на стороне клиента?

Question

Я использую токен jwt для аутентификации и хотел бы прочитать информацию о полезной нагрузке на стороне клиента. Сейчас я делаю что-то вроде этого:

var payload = JSON.parse(window.atob(token.split('.')[1])); 

Есть ли лучший способ работы с JWT лексем в браузере?

Answer 1

От https://github.com/auth0/jwt-decode

загрузить .build/JWT-decode.min.js файл и включить в проект.

<script src="js/jwt-decode.min.js"></script> 

var token = 'eyJ0eXAiO.../// jwt token'; 
var decoded = jwt_decode(token); 
console.log(decoded); 

Answer 2

Это простое решение возвращает необработанный маркер, заголовок и полезную нагрузку:

function jwtDecode(t) { 
    let token = {}; 
    token.raw = t; 
    token.header = JSON.parse(window.atob(t.split('.')[0])); 
    token.payload = JSON.parse(window.atob(t.split('.')[1])); 
    return (token) 
}