如何使用AngularJS拦截所有http请求?

时间:2015-01-05 07:37:54

标签: javascript angularjs angularjs-routing

我的问题是this question的更大更广泛的版本。我想拦截AngularJS函数内发出的所有 http请求。稍后我需要更改请求URL,然后将其传递给服务器..

我该怎么做?到目前为止,我已经使用$ httpProvider和$ q来创建拦截器,但我只能拦截$ http请求而不是所有请求,例如如果有人点击我页面上的任何href链接等。我的拦截器代码是: -

// register the interceptor as a service
myModule.factory('myHttpInterceptor', function ($q) {
    return {
        // optional method
        'request': function (config) {
            // do something on success
            console.log("request success");
            return config;
        },
        // optional method
        'requestError': function (rejection) {
            // do something on error
            console.log("Request Error");
            if (canRecover(rejection)) {
                return responseOrNewPromise
            }
            return $q.reject(rejection);
        },
        // optional method
        'response': function (response) {
            // do something on success
            console.log("Response received");
            return response;
        },
        // optional method
        'responseError': function (rejection) {
            // do something on error
            if (canRecover(rejection)) {
                return responseOrNewPromise
            }
            return $q.reject(rejection);
        }
    };
});
myModule.factory('myInterceptor', ['$log', function ($log) {
        $log.debug('$log is here to show you that this is a regular factory with injection');

        var myInterceptor = {
        };

        return myInterceptor;
    }]);
myModule.config(['$httpProvider', function ($httpProvider) {
        $httpProvider.interceptors.push('myHttpInterceptor');
}]);

1 个答案:

答案 0 :(得分:1)

拦截导航到其他页面与拦截http请求不同。也许你想要的是拦截$ location的变化。

仔细阅读。您可以这样做,但这取决于位置更改的位置。

http://uiadventures.wordpress.com/2013/09/06/routechange-angularjs/