>  기사  >  웹 프론트엔드  >  Angular는 인터셉터를 사용하여 http 요청 및 응답 예제 코드를 균일하게 처리합니다.

Angular는 인터셉터를 사용하여 http 요청 및 응답 예제 코드를 균일하게 처리합니다.

零下一度
零下一度원래의
2017-06-26 13:41:371473검색

Angularjs에서 http를 사용하여 백그라운드로 요청을 보내고 싶습니다. 이제 헤더에 삽입하려는 사용자가 고유하게 식별하는 토큰이 있습니다. 이는 {headres:{'token':1}}

index.html에 다음 js를 추가하세요.

angular.module('app.factorys',[])
    .factory('httpInterceptor',['$q','$injector','$localStorage',function ($q,$injector,$localStorage) {var httpInterceptor = {'responseError' : function(response) {// ......return $q.reject(response);
            },'response' : function(response) {if (response.status == 21000) {// console.log('do something...');                }return response || $q.when(response);
            },'request' : function(config) {
                config.headers = config.headers || {};if ($localStorage.token) {
                    config.headers.token = $localStorage.token;// config.headers['X-Access-Token'] = $localStorage.token;                };return config || $q.when(config);return config;
            },'requestError' : function(config){// ......return $q.reject(config);
            }
        };return httpInterceptor;
    }])

팩토리를 앱에 삽입한 후 config

.config(['$httpProvider',function(){
    $httpProvider.interceptors.push(httpInterceptor);
}])

에서 구성하세요.

위 내용은 Angular는 인터셉터를 사용하여 http 요청 및 응답 예제 코드를 균일하게 처리합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.