Angular 2: Uncaught 504 Error (Gateway Timeout)

Question

I have a problem with the error handling in my Angular 2 application. When the backend server is offline, I'm getting this uncaught error in the console:

GET http://localhost:4200/api/public/index.php/data 504 (Gateway Timeout)

My http.get in the service looks like this:

getData(): Observable<any> {

let apiUrl = `${API_URL}data`;
this.http.get(apiUrl)
  .map((res => res.json() || []))
  .subscribe(response => {
    let data = [];
    let index = 0;
    if (typeof(response.data) !== 'undefined' && response.success !== false) {
      // add index to each entry
      response.data.forEach(entry => {
        data.push({
          id: index++,
          title: entry.title,
          others: entry.others
        });
      });
      this.dataCollection = data;
      this.subject.next(data);
    }
  }, error => {
    this.subject.error("The Server could not be reached. Please wait until a connection can be established, or reload the page.");
  });

    return this.subject.asObservable();
}

How can I prevent Angular 2 to send this error to the console?

I don't think you can; even if your application handles it without error, the browser "knows" the request has failed. — jonrsharpe
– jonrsharpe, Commented Jun 2, 2017 at 6:46

Daniel Gelling · Accepted Answer · 2020-04-03 05:48:00Z

0

Without knowing which dependency you are using for your HTTP requests it is almost impossible to determine your problem.

I have recently answered another question about HTTP(s) requests in TypeScript: Http Request in TypeScript

Hope this helps :)

answered Apr 3, 2020 at 5:48

Daniel Gelling

9301 gold badge9 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Angular 2: Uncaught 504 Error (Gateway Timeout)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related