如何訪問此json令牌的值以存儲在本地存儲中

Question

 loginUser(user: any) {
    return this.http.post(this.loginUrl, user)
    .subscribe((success: any) => {
      if(success) {
        localStorage.setItem('access_token', success.token);
        localStorage.setItem('token', JSON.stringify(success.token));
        return true;
      }
    });
  }

返回的內容https://i.imgur.com/Km8X2CX.png存儲結果https://i.imgur.com/FfsOTb5.png

我想存儲令牌的值

更改為

localStorage.setItem('access_token', success);
localStorage.setItem('token', JSON.stringify(success));

結果-https: //i.imgur.com/c9wMosF.png

Answer 1

您應該改為設置success.success.token。

最好將響應重命名為response

loginUser(user: any) {
    return this.http.post(this.loginUrl, user)
    .subscribe((response: any) => {
      if(response) {
        localStorage.setItem('access_token', response.success.token);
        // localStorage.setItem('token', JSON.stringify(response.success.token)); probably not needed.
        return true;
      }
    });
  }

Answer 2

您沒有必要包裝響應對象。 刪除該標記或使用response.success.token進入標記字符串。

您的代碼變為：

loginUser(user: any) {
    return this.http.post(this.loginUrl, user)
    .subscribe((response: any) => {
      if(response) {
        localStorage.setItem('access_token', response.success.token);
        return true;
      }
    });
  }