クライアントサイドでJWTトークンペイロードをデコードする方法は？

Question

私は認証にjwtトークンを使用しており、クライアント側のペイロード情報を読みたいと思っています。今すぐこのようなことをしています：

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

ブラウザ内でjwtトークンを使用する方が良いでしょうか？ https://github.com/auth0/jwt-decode

ダウンロード.build/JWT-decode.min.jsファイルから

Answer 1

、プロジェクトに含まれています。

<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) 
}