我似乎无法让$ httpProvider.interceptors实际进行拦截。我在JSFiddle上创建了一个示例,该示例记录了拦截器运行的时间以及$ http响应成功的时间。在成功返回响应之后,将运行请求拦截器。这似乎有些倒退。
我不能使用transformRequest,因为我需要更改配置中的参数。该部分未显示在示例中。
我正在使用AngularJS 1.1.5
http://jsfiddle.net/skeemer/K7DCN/1/
Java脚本
var myApp = angular.module('myApp', []); myApp.factory('httpInterceptor', function ($q) { return { request: function (config) { logIt('- Modify request'); return config || $q.when(config); } }; }); myApp.config(function ($httpProvider) { $httpProvider.interceptors.push('httpInterceptor'); }); function MyCtrl($scope, $http) { // Hit a server that allows cross domain XHR $http.get('http://server.cors-api.appspot.com/server?id=8057313&enable=true&status=200&credentials=false') .success(function (data) { //logIt(data[0].request.url); logIt('- GET Successful'); }); $scope.name = 'Superhero'; } // Just the logging var logs = document.getElementById('logs'); function logIt(msg) { var e = document.createElement('div'); e.innerHTML = msg; logs.insertBefore(e, logs.firstChild); }
HTML
<div ng-controller="MyCtrl">Hello, {{name}}!</div> <br/> <div id="logs"></div>
返回数据后,请求拦截器未运行。它正在运行。您的logIt函数在顶部插入最新消息。如果将代码更改为使用$ log服务,则会看到拦截器首先运行。