AngularJSのインターセプタでHTTPリクエストURLを準備する

Question

$ httpで渡されたオブジェクトにインターセプタを追加するのではなく、インターセプタでhttpリクエストURLを準備しようとしました。

angular.module('myapp', []) 

.service('myservice', function() { 
    this.myfunction = function() { 
     var req = {method: 'POST', reqName: 'getInfo'}; 
     return $http(req); 
    } 
}) 

.factory('myInterceptor', function() { 
    var interceptor = { 
     'request': function(config) { 
      config.url = "http://www.myapi.com/demo/"+config.reqName; 
      return config; 
     } 
    } 
    return interceptor; 
}) 

.config(function($httpProvider) { 
    $httpProvider.interceptors.push('myInterceptor'); 
}) 

しかし、私はエラーを取得しています、こう述べています：

Error: [$http:badreq] Http request configuration url must be a string.

Received: undefined

すべてのヘルプここに私が試したコードのサンプルはありますか？

Answer 1

AngularJSの文書が正しいことを証明するテストをいくつか見てみましょう。

インターセプタに関するいくつかの詳細 - http://docs.angularjs.org/api/ng/service/$http#interceptors

angular.module('myApp', []) 
 
    .service('service', function($http) { 
 
    this.myfunction = function() { 
 
     var req = { 
 
     method: 'POST', 
 
     reqName: 'getInfo' 
 
     }; 
 
     return $http(req); 
 
    } 
 
    }) 
 
    .factory('myInterceptor', function() { 
 
    var interceptor = { 
 
     'request': function(config) { 
 
     config.url = "http://www.myapi.com/demo/" + config.reqName; 
 
     return config; 
 
     } 
 
    } 
 
    return interceptor; 
 
    }) 
 
    .config(function($httpProvider) { 
 
    $httpProvider.interceptors.push('myInterceptor'); 
 
    }) 
 

 

 
describe("myApp", function() { 
 
    beforeEach(module("myApp")); 
 

 
    it("executes intercpetor that changes request", inject(function(service, $httpBackend) { 
 
    $httpBackend.expectPOST("http://www.myapi.com/demo/getInfo").respond(201, []); 
 

 
    service.myfunction().then(function(r) { 
 
     expect(r.config.url).toBe('http://www.myapi.com/demo/getInfo') 
 
    }) 
 

 
    $httpBackend.flush(); 
 
    })); 
 
});

<link href="//safjanowski.github.io/jasmine-jsfiddle-pack/pack/jasmine.css" rel="stylesheet" /> 
 
<script src="//safjanowski.github.io/jasmine-jsfiddle-pack/pack/jasmine-2.0.3-concated.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular-resource.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular-mocks.js"></script>