如何在 RxJS subscribe() angular 中捕获 http 响应代码

Question

我在服务代码中有这个方法。

list.service.ts

public getList(id: string): Observable<ListData> {
  const url = this.config.getUrl + '/${id}'
  return this.http.get<ListData>(url);
}

我正在尝试从这个方法中捕获响应代码，并在组件内的任何错误上提供用户友好的消息。

app.component.ts

public ngOnInit() {
  this.isWaiting = true;
  const id = 'testid'
  this.service.getList(id).pipe(
    finalize(() => this.isWaiting = false)
  ).subscribe(
    listData => //do something with success result,
    error => {   --------------------  error.status does not contain response code.
       if (error.status === '403')
        { console.log("You're not authorized") }
       else if (error.status === '500')
        { console.log("Something wrong!!") } 
       ....
       etc...

    }
  );
 }

但是 error.status 在这里没有返回任何内容。在这种情况下是否有适当的方法来捕获 http 状态码？

Answer 1

error.status 是 number。

您正在使用严格相等运算符 (===) 将 number 与 string 进行比较。
显然，由于类型不同，这种比较总是会失败。

403 === '403'  // false
403 ==  '403'  // true

要么将error.status 与number 进行比较，要么使用抽象相等运算符(==)。

if (error.status === 403)
// or
if (error.status == '403')