使用 angular 提交表单时如何通过 HTTP post 请求保存令牌本地存储

Question

当我提交 Gmail 时。然后令牌成功生成，但问题是我想使用该令牌来重置我的密码。所以我想在通过 HTTP post 请求提交表单时将该令牌保存为本地存储。我想将相同的令牌用于我用于更新密码的 HTTP put 方法。

This image shows my token in google chrome when submit my forgot password form.

Authentication Service

@Injectable()
export class AuthenticationService {
constructor(){}
  sendEmail(user: User): Observable<any> {
    return this.http.post<any>(`${applicationUrl.user.forgotpassword}`, user.email);
  }

  resetPassword(user: User): Observable<any> {
    return this.http.put<any>(`${applicationUrl.user.resetpassword}`, user.password, { params });
  }
}

Answer 1

我们可以尝试这样的事情吗？

sendEmail("abcUser").subscribe(token => {
 console.log(JSON.stringify(token));
 var data = token.data;  // Parse and read data value
 localStorage.setItem('token', data);});

在 resetPassword() 方法中，我们可以从 localStorage 读取并传递该令牌。

Answer 2

如果我的理解正确，您希望从 localStorage 存储和检索数据。您可以使用 localStorage 存储数据。

localStorage.setItem('key', value)

这里你的值将是代币respone.data

在重置密码时，您可以使用

从存储中获取相同的密码

const token = localStorage.getItem('key');

我希望它回答了你的问题。

使用 angular 提交表单时如何通过 HTTP post 请求保存令牌本地存储

How to save token local storage by HTTP post request when submit the form using angular

angular

angular-cli