在angular 2中实现JWT令牌

时间:2018-08-06 15:31:55

标签: angular angular2-jwt

我正在尝试在我的角度应用程序中实现JWT令牌解码。

我已经使用以下命令安装了依赖项...

npm install jwt-decode

在我的home.component.ts中,将导入语句包括为

import * as jwt_decode from "jwt-decode";

并将以下代码放入我的 home.component.ts 中,以解码定义的令牌……

  getAccessedDecodedToken(token:string):any{
    try{
      return jwt_decode(token); 
    }
    catch(error){
      return "Error in decoding";
    }
  }

  decode(){
    let token="eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiIwNTcxNjg4Mi03Mjg4LTQzZTQtYjg5ZC1iNDhiMGY2MDFjMDUiLCJzdWIiOiJzaWxwYSIsInBhc3N3b3JkIjoic2lscGEifQ.Ay99b80FjK1k_6gleuLC5bM3hFjWO99lDis8lUcORSD5ZfpoMsW8_2S4m4x657lyc8QtoIQm-HsJFF0pg9ATBQ";
    let decodedToken=this.getAccessedDecodedToken(token);
    console.log("Decoded token is : ",decodedToken);
    console.log("Decoded token is : ",decodedToken.password);
  }

请访问我的示例stackblitz应用here

当我使用jwt.io解码令牌时,得到的结果如下图所示。

enter image description here

但是我无法在控制台中获得输出。有人可以指导我了解我的应用程序中缺少什么吗??

0 个答案:

没有答案