AngularJS global $ http timeout

Question

Мы можем вручную установить таймаут для каждого $http через $http.get('url', {timeout: 5000}); Можно ли установить глобальный тайм-аут $http один раз и применим ко всему приложению?

Answer 1

Вы можете использовать запрос http-перехватчика. Как это.

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

А потом в .config впрыснуть $ 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 
    }); 

Здесь вы можете увидеть более простой способ Вводят выше http_defaults в каждом контроллере вы использовали $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

Я хотел бы предложить использовать первый вариант.