javascript - AngularJS 全局 $http 超时

Question

我们可以通过$http.get('url', {timeout: 5000});手动为每个$http设置超时$http 超时一次，它会应用于整个应用程序吗？

Answer 1

您可以使用请求 http 拦截器。像这样。

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

然后在 .config 中注入(inject) $httpProvider 并执行此操作:

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

或者你也可以这样做:

// 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
  });

在这里您可以看到更简单的方法 Inject above http_defaults in every controller were using $http。并设置http请求的所有默认属性。

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

我建议使用第一个选项。