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

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

零下一度
풀어 주다: 2017-06-26 13:41:37
원래의
1499명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿