代理/装饰$ http.get

Question

下页有一个示例，用于在angular中委派$ log的调试功能。

http://solutionoptimist.com/2013/10/07/enhance-angularjs-logging-using-decorators/

同样，我想委托$ http服务的get / post函数。 这样我就可以记录我的应用程序执行的所有请求。

下面是我的代码

 $provide.decorator('$http', ["$delegate", function($delegate) {
  var debugFn = $delegate.get;
  $delegate.get = function() {
    var args = [].slice.call(arguments);

    // Prepend timestamp
    console.log(args[0]);

    // Call the original with the output prepended with formatted timestamp
    debugFn.apply(null, args)
  };

  return $delegate;
}]);

即使它正在记录网址，但之后仍会引发异常

TypeError: Cannot read property 'finally' of undefined
at handleRequestFn (angular.js:17382)
at compileTemplateUrl (angular.js:8270)
at applyDirectivesToNode (angular.js:7885)
at compileNodes (angular.js:7431)
at compile (angular.js:7338)
at applyDirectivesToNode (angular.js:7808)
at compileNodes (angular.js:7431)
at compileNodes (angular.js:7443)
at compile (angular.js:7338)
at angular.js:1630

我想念什么？

Answer 1

您需要返回原始get函数的结果（承诺）：

$delegate.get = function() {
    var args = [].slice.call(arguments);

    // Prepend timestamp
    console.log(args[0]);

    // Call the original with the output prepended with formatted timestamp
    return debugFn.apply(null, args)
};

Answer 2

这样我就可以记录我的应用程序执行的所有请求。

您可以改用拦截器 （请参阅https://docs.angularjs.org/api/ng/service/$http ）

---

一个有用的示例链接-http: //www.webdeveasy.com/interceptors-in-angularjs-and-useful-examples/