Angular 如何使用 HttpClient 等待响应

Question

我在我的 Angular 应用程序上使用了一个 restful api。

forgotPassword(mail: string) {
    const apiURL = 'https://myapiendpoint';
    const connect = this.httpClient.post(apiURL, { email: mail },
        { headers: {
             'Content-type': 'application/json',
             responseType: 'text'
            }
    });
        return connect.toPromise();
    }

API 被调用没有问题，但我无法从服务器获得响应。 创建 API 的人说他可以看到：

在收到响应之前关闭消息端口

有什么建议吗？

谢谢

Answer 1

请不要对 http 请求使用 Promises，这不是 reactjs。

改用 Observables

forgotPassword(email: string): Observable<any> {
    const httpOptions = {
       headers: new HttpHeaders({
        'Content-Type': 'application/json'
        })
    };

    const queryUrl: string = `'https://myapiendpoint`;

    return this.http
      .post<any>(queryUrl, JSON.stringify(email), httpOptions)
      .pipe(
        map((response: any) => {
          return response;
        })
      );
  }

然后只需从您的组件订阅：

service.forgotPassword(email).subscribe(result => {
 // do something
});