How to catch http response code in RxJS subscribe() angular

Question

I have this method inside service code.

list.service.ts

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

and I'm trying to catch response code from this method and have user-friendly message on any error inside the component.

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...

    }
  );
 }

But error.status is not returning anything here. Is there a proper way to catch http status code in this case?

Did my answer solve your problem ?

Reqven
– Reqven

2021-01-21 11:10:22 +00:00
Commented Jan 21, 2021 at 11:10 — Reqven
– Reqven, Commented Jan 21, 2021 at 11:10

Reqven · Accepted Answer · 2021-01-15 21:42:09Z

2

error.status is a number.

You're comparing a number with a string using the strict equality operator (===).
Obviously, this comparison will always fail as the types are different.

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

Either compare error.status with a number, or use the abstract equality operator (==).

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

answered Jan 15, 2021 at 21:42

Reqven

1,7981 gold badge10 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chris Baker Over a year ago

This is the correct answer here in terms of the problem, but I would advise against changing to == operators. You should almost exclusively stick with ===. Another thing, if you for some reason NEED the status code you're comparing to to be a string, you can do String(error.status) === '403'.

DannyThunder Over a year ago

He states that status code returns nothing. So this is more of a comment than an answer. I got the same problem with nothing being returned in the status code (0). Works in postman

Collectives™ on Stack Overflow

How to catch http response code in RxJS subscribe() angular

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related