заголовок ответа имеет значение null в $httpProvider.interceptors responseError в angularjs

Я добавляю errorHandlerInterceptor для обработки ошибок, как показано ниже:

(function() {
    'use strict';

    angular
        .module('rasool')
        .config(httpConfig);

    function httpConfig($httpProvider) {

        $httpProvider.interceptors.push('errorHandlerInterceptor');
    }
})();

и в errorHandlerInterceptor я хочу получить конкретный заголовок из заголовков ответа, например:

(function() {
    'use strict';

    angular
        .module('rasool')
        .factory('errorHandlerInterceptor', errorHandlerInterceptor);

    function errorHandlerInterceptor ($q, toaster, $rootScope, $timeout) {
        var service = {
            responseError: responseError
        };

        return service;

        function responseError (response) {

            var errorHeader = response.headers('X-app-alert');

            if(errorHeader) {
                // do something
            }

            return $q.reject(response);
        }
    }
})();

Проблема в том, что errorHeader имеет значение null, но когда я проверяю заголовки ответа с помощью Chrome DevTools, этот заголовок существует и имеет значение, как вы можете видеть на снимке экрана ниже:

ОБНОВЛЕНИЕ

Все эти части работают правильно на веб-сайте, но я создал копию файлов html, js и css для создания приложения ionic1, но когда я запускаю команду ionic serve для тестирования приложения, у меня возникает эта проблема.