How to increase HTTP request timeout more than 2 minutes in Angular 7?

Question

I have a request that takes more than 2 minutes to prepare the data in the backend and transmit it. The angular default time out for the HTTP request observable is 2 minutes. Any idea of how to increase the default timeout?

I read and tried the proposed solution in the following links, but all of them are working if you want to set the timeout less than 2 minutes, and none of them will work for increasing the timeout!!

https://rxjs-dev.firebaseapp.com/api/operators/timeout

Can't have a timeout of over 2 minutes with this.http.get?

How to increase waiting time for HttpClient request in angular 5?

How to set http call timeout in angularjs 4?

Default and specific request timeout

I tried set timeout as number (of seconds) and as of date, both are limited to 2 minutes — Ahmad Tamimi, Aug 08 '19 at 03:49
Where does the problem happen? On the dev machine? If so, are you using the [proxy config](https://angular.io/guide/build#proxying-to-a-backend-server)? — Marcos Dimitrio, Sep 09 '19 at 22:01

score 17 · Accepted Answer · answered Sep 14 '19 at 00:02

17

I didn't get a reply from you in the comments, but I was having this exact issue on my dev machine, and maybe that's happening to you as well.

I was using the proxy config, and the proxy's default timeout is 120 seconds (2 minutes). So, if that's your case, simply define a higher value in the configuration.

{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false,
    "timeout": 360000
  }
}

answered Sep 14 '19 at 00:02

Marcos Dimitrio

6,651
5
38
62

1

This exactly what I have. It works now, Thanks @marcos. – Ahmad Tamimi Sep 15 '19 at 04:57
Going to upvote this twice if I can. I'm not sure why the timeout setting is pretty difficult to find within the official documentation. – Thariq Nugrohotomo Aug 14 '20 at 02:31
Looks like this is for the webpack dev server, isn't it? How can I configure it if it's not running on dev server? – Klemens Zleptnig Sep 24 '20 at 16:29
3

This probably won't be valid for production though imo. – Muhammad Hamza May 04 '21 at 17:08
if I set the timeout to 1 nothing else happens indicating that it does not effect it? Because my goals is to extend the timeout as well – HerChip Jan 27 '23 at 14:31

How to increase HTTP request timeout more than 2 minutes in Angular 7?

1 Answers1

Linked