AngularJS全局$ http超时

Question

We can manually set timeout to each $http via $http.get('url', {timeout: 5000}); Is it possible to set a global $http timeout once and it will apply to the whole application?

Answer 1

You can use request http interceptor. Like this.

angular.module('myapp')
  .factory('timeoutHttpInterceptor', function () {
    return {
      'request': function(config) {
        config.timeout = 10000;
        return config;
      }
    };
 });

And then in .config inject $httpProvider and do this:

 $httpProvider.interceptors.push('timeoutHttpInterceptor');

OR You can do like this also:

// this custom config could actually be a part of a more general app-level config
  // so that you need to inject only one global config
  myApp.value('http_defaults', {
    timeout: 150
  });

Here you can see more simple way Inject above http_defaults in every controller were you are using $http . And set all default properties of http request.

myApp.controller('myCtrl', function ($scope, $http, http_defaults) {

  // in case you need to change the default values for this specific request
      // angular.extend(http_defaults, {timeout: 300});

      $http.get("/xyz", http_defaults)
        .success(success)
        .error(error);
    };
});

You can refer this

I would suggest to use first option.