javascript - 如何使用AngularJS拦截所有http请求？

Question

我的问题是 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');
}]);

Answer 1

拦截其他页面的导航与拦截http请求不同。也许您想要的是拦截 $location 更改。

阅读本文。您可以这样做，但这取决于位置更改的位置。

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