AngularJS拦截所有$ http请求

  • Z时代
  • 2024-01-10
  • 分类：问答

我似乎无法让$ 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服务，则会看到拦截器首先运行。

以上是 AngularJS拦截所有$ http请求 的全部内容， 来源链接： utcz.com/qa/407029.html

回到顶部