Angular - Как правильно обрабатывать HTTP-ошибку с сервера?

Question

В настоящее время у меня есть это:

$http({ 
    method: 'POST', 
    url: 'http://api-endpoint/somescript/', 
    data: formData, 
    headers: { 
     'Content-Type': 'application/x-www-form-urlencoded' 
    } 
}) 
.then(function (response) { 
    console.log(response); 
}); 

Если скрипт на другом конце работает нормально, then вызывается. Однако предположим, что сценарий на сервере имеет некоторую ошибку, которая не была правильно поймана. Если я делаю ошибку, бросая в какой-то мусорный вызова, как asdfasdf(), функция then не называется, а вместо этого я получаю это в консоли браузера:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading 
the remote resource at http://api-endpoint/somescript/. (Reason: CORS 
header 'Access-Control-Allow-Origin' missing). 

Как поймать это в угловом коде так Я могу справиться с этим по-дружески?

EDIT: Это не дубликат, так как он специфичен для углового.

Answer 1

Метод $q.then() принимает три параметра функции, первый из которых обработчик для успешных обратных вызовов , второе - для ошибок, а третье - для уведомления. $http использует $q за кулисами, поэтому этот thenable должен вести себя так, как предлагает документация.

Для обработки ошибок в коде выше, просто бросить в качестве дополнительной функции для обработки ошибок, как, например:

.then(function (response) { 
    console.log(response); 
}, function(response) { 
    console.log(response); 
}); 

Не стесняйтесь просматривать $q документации, в частности Promise API, для получения дополнительной информации.

Answer 2

Чтобы справиться с этим, нам нужно будет добавить службу/фабрику для перехвата http-звонков. Вы можете сделать это, как это в вашей конфигурации

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

Теперь, выше сервис будет что-то вроде этого

angular.module("app").factory('httpRequestInterceptor', function ($q) { 

      return { 
       'request': function (config) { 

        // Extract request information 
        return config || $q.when(config); 
       }, 
       'responseError': function(rejection) { 

        // Extract response error information and handle errors 
        return $q.reject(rejection); 
       } 
      } 
     });