Angular2 JWT 身份验证 - JWT 必须分为 3 个部分？

Posted 2023-03-10

【中文标题】Angular2 JWT 身份验证 - JWT 必须分为 3 个部分？

【英文标题】：Angular2 JWT Authentication - JWTs must come in 3 parts?

【发布时间】：2016-07-15 21:44:20

【问题描述】：

我正在使用 AngularJS 2 开发一个简单的 MEAN 堆栈应用程序。我正在使用 passportJS 和 jwt strategy + angular2-jwt 辅助库。

这是我的 Angular 代码，它处理登录代码。我已经测试了 API 并且它可以工作（使用邮递员）。

//login.component.ts:
 onSubmit(credentials):void 
      console.log("on SUbmit here");
    this._userService.login(credentials.email, credentials.password)
    .subscribe((result) => 
      if (result) 
        console.log("Link to Todo?");
        this._router.navigate(['TodoComponent']);
      
    );
  

//user.service.ts:
  signUp(firstName, lastName, email, password) 
    let headers = new Headers();
    headers.append('Content-Type', 'application/json');

      let user = new URLSearchParams();
        user.set('email', email);
        user.set('password', password);
        user.set('firstName', firstName);
        user.set('lastName', lastName);

    return this._http
      .post('/signup', user.toString(),  headers )
      .map(res => res.json())
      .map((res) => 
        console.log(res.success);
        return res.success;
      );
  

但是，当我提交登录按钮时，我收到此错误：

未捕获（承诺）：错误：JWT 必须有 3 个部分

我应该怎么做才能确保以正确的格式提供 JWT 并避免这些错误？

【参考方案1】：

您的 JWT 是什么样的？你的 JWT 应该有2 dots，它将字符串拆分为3 parts。通常第一和第二部分以ey 开头，这是 的base64 编码值。

您可以在这里粘贴：http://jwt.io/

这个网站可以告诉你它是否是一个有效的 JWT 并且可以解码它的内容，所以你可以证明它是正确的。

【参考方案2】：

我有同样的错误。我解决了错误。 在 auth0 中创建新的 API。给出唯一标识符名称。我拿了“NodeAPI” 我在下面提到了配置代码。

auth0 = new auth0.WebAuth( 
             clientID: 'Hg3EhAWKgrPrX5UNGqFQA5vTbVGWF', 
             domain: 'xyz.auth0.com', 
             responseType: 'token id_token', 
             audience: 'NodeAPI', 
             redirectUri: 'http://localhost:4200/callback', 
             scope: 'openid' );

很高兴为您提供帮助