时间戳

首页 > 解决方案 > 为 Angular POST 请求实现错误处理的问题

angular - 为 Angular POST 请求实现错误处理的问题

问题描述

由于某种原因，我的 Angular 代码无法正确处理 POST 请求的错误条件。

对于上下文，相关调用位于 component.ts 中：

this.crazyService.addSomething(stringifiedContent).subscribe(
data => {
          console.log(data);
          this.showSuccess();
          setTimeout(() => {
            this.dashboardRedirect();
          }, 2750);
        }
)

在“crazyService”中，代码​​是

addSomething(something: any): Observable<any> {
    const headers = { 'content-type': 'application/json' };
    const body = JSON.stringify(something);
    return this.http
      .post<any>(this.relevantUri, body, { headers, observe: 'response' })
      .pipe(
        catchError(err => {
          console.error(err);
          throw err;
        })
      );
  }

POST 请求工作正常，但由于某种原因，console.log(data)、this.showSuccess() 和 timeOut 在这里不起作用。

而当我在我的组件中执行此操作时：

this.crazyService.addSomething(stringifiedContent).subscribe( hello => {
console.log(hello);}
, data => {
          console.log(data);
          this.showSuccess();
          setTimeout(() => {
            this.dashboardRedirect();
          }, 2750);
        }
)

它进入数据部分并执行我想要的操作，而在前面的示例中它似乎没有进入该块。

为什么会这样？我该如何解决这个问题，以便我可以有一个案例来说明 POST 请求何时成功，以及另一个案例何时出现错误？

标签： angularpostservicerxjsobservable

解决方案

已修复 - 原来我在 Django 后端遇到了问题。我在后端发送了一个字符串作为 201 的 HTTPResponse 而不是 JSON。Angular 将其解析为 JSON，这会导致响应为错误，这就是为什么它没有进入我希望它进入的地方。

推荐阅读