时间戳

首页 > 解决方案 > “Promise”类型上不存在属性“令牌”'

angular - “Promise”类型上不存在属性“令牌”'

问题描述

我想处理一个令牌。但得到消息：

“Promise”类型上不存在属性“token”

我有以下代码。我得到一个带有属性令牌的 json。顺便说一句，我是由使用 Angular 2 的教程指导的。我已经在没有 ['token'] 的情况下尝试过它。但没有成功。我也有帖子的界面，但我没有使用它来消除错误。它也不适用于界面。

这是我的代码：

signin(email: string, password: string) {
    return this.http.post<any>('http://127.0.0.1:8000/api/userLogin',
      { email: email, password: password },
    this.httpOptions).map((response: Response) => {
      const token =  response.json()['token'];
      const base64Url = token.split('.')[1];
      const base64 = base64Url.replace('-', '+').replace('_', '/');
      return JSON.parse(window.atob(base64));
    });

  }

教程：

https://www.youtube.com/watch?v=pT9_FngJuzY&t=321s

顺便说一句，在这种情况下，我使用 laravel / 护照。

success:
{token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6IjllOW…lsJiIWVmiiNY1Ft02MSWGS-Thx7_warYrUucP8bPHHnyMCfnU"}

标签： angulartoken

解决方案

你为什么不使用 Serializable 类。

这是我通过引用来解决此问题的解决方案：Angular2 HTTP GET - 将响应转换为完整对象

export class MdfResponse {
  public message?: string;
  public token?: string;

  constructor() {}

  fromJSON(json) {
    for (var propName in json)
       this[propName] = json[propName];
    return this;
  }
}

当您调用登录功能时

signIn(user: User) { const body = JSON.stringify(user);
      headers: new HttpHeaders({"Content-Type": "application/json"})
      return this.http.post("http://localhost:3000/users/login", body, httpOption)

     .pipe(map((response) => {
          let test = new AIPResponse().fromJSON(response);
          localStorage.setItem("token", test.token);
          localStorage.setItem("userId", test.message);
  }))
     .pipe(catchError((error) => throwError(error)));
  }

希望得到这个帮助！！！

推荐阅读