Как пропустить перехватчик angularjs для запроса HTTP?

Question

У меня есть приложение angularjs, в котором у меня есть перехватчик, который добавляет токен авторизации в заголовок каждого запроса.

Однако, где-то в приложении мне нужно использовать и внешний API, где перехватчик разрушает его, поскольку он добавляет этот заголовок авторизации, который неприемлем для этого внешнего поставщика API. Как я могу заставить angularjs HTTP пропускать перехватчик, только в этом конкретном случае?

Перехватчик код ниже:

app.factory('authInterceptorService', ['$q', '$injector', '$location', 'localStorageService', function ($q, $injector, $location, localStorageService) { 
    var authInterceptorServiceFactory = {}; 
    var $http; 

    var _request = function (config) { 

     config.headers = config.headers || {}; 

     var authData = localStorageService.get('authorizationData'); 
     if (authData) { 
      //console.log("token: " + authData.token.substring(0, 10)); 
      //console.log("user: " + authData.userName); 
      config.headers.Authorization = 'Bearer ' + authData.token; 
     } 
     return config; 
    } 

    var _responseError = function (rejection) { 
     var deferred = $q.defer(); 
     if (rejection.status === 401) { 
      var authService = $injector.get('authService'); 
      authService.refreshToken().then(function (response) { 
       _retryHttpRequest(rejection.config, deferred); 
      }, function() { 
       authService.logOut(); 
       $location.path('/login'); 
       deferred.reject(rejection); 
      }); 
     } else { 
      deferred.reject(rejection); 
     } 
     return deferred.promise; 
    } 

    var _retryHttpRequest = function (config, deferred) { 
     console.log('retrying'); 
     $http = $http || $injector.get('$http'); 
     $http(config).then(function (response) { 
      deferred.resolve(response); 
      //console.log("success:" +response); 
     }, function (response) { 
      deferred.reject(response); 
      //console.log("error:" + response); 
     }); 
    } 

    authInterceptorServiceFactory.request = _request; 
    authInterceptorServiceFactory.responseError = _responseError; 

    return authInterceptorServiceFactory; 
}]); 

Answer 1

Simple. Измените эту строку

if (authData) { 

в

if (authData && !config.headers.hasOwnProperty('Authorization')) { 

И для любого запроса, где вы не хотите, заголовок применяется, используйте

$http({ 
    headers { Authorization: null }, 
    // and the rest 
}) 

Answer 2

Easy

$http.get("url" , {noAuth : true}).then(success(),error()); 

В перехватчик

var _request = function (config) { 

    config.headers = config.headers || {}; 

    var authData = localStorageService.get('authorizationData'); 
    if (authData && !config.noAuth) { 
     //console.log("token: " + authData.token.substring(0, 10)); 
     //console.log("user: " + authData.userName); 
     config.headers.Authorization = 'Bearer ' + authData.token; 
    } 
    return config; 
} 

Answer 3

Написать, как это: -

var _request = function (config) { 
    if (config.url.indexOf('yourExternalApiUrl') > -1) { 
     return config; 
    } else { 
     config.headers = config.headers || {}; 
     var authData = localStorageService.get('authorizationData'); 
     if (authData) { 
      //console.log("token: " + authData.token.substring(0, 10)); 
      //console.log("user: " + authData.userName); 
      config.headers.Authorization = 'Bearer ' + authData.token; 
     } 
    return config; 
    }   
} 

Для получения более подробной информации вы можете увидеть: http://www.codemosquitoes.com/2016/06/using-angularjs-interceptors-with-http.html