接頭辞$ http url

Question

私は妥当な質問のようなものには答えられないようです。

私はすべてのアプリケーションのWebサービスを呼び出すために$ httpサービスを使用しています。すべてのサーバーAPIは、特定のアドレスでホストされています。提供されたURLにAPIサーバーを常に接頭辞として付けるように$ httpを取得する方法はありますか？

$http.get("http://myAPI/API/User") 

と角度プレフィックスサーバアドレスで要求を：とは対照的に、

$http.get("User")... 

：

例えば、私のAPIがhttp://myAPi/API/であるならば、私が呼び出すことができるようにしたいと思います。その目的は、URLがアプリ全体に広がらないようにすることです。

角度を使ってこれを達成する方法はありますか？ $ HTTPは（angular.jsソースコードを編集する以外の）このケースを処理する組み込みの方法を持っていないので

Answer 1

、あなたはサービスであなたの$ HTTPをラップすることができ、次のいずれか

apiService.get('user'); //where the service defines the $http call and builds the URL 

どちらの方法は、「アプリを通じてURLの広がりを持っていない」につながる

angular.module('myApp', []).constant('apiPrefix', 'http://myAPI/API/') 

$http.get(apiPrefix + 'User') 

：...または単に角度の定数を作成します。

Answer 2

httpプロバイダにインターセプタを追加することは可能です。

// register the interceptor as a service 
$provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) { 
    return { 
    // optional method 
    'request': function(config) { 
     // do something on success 
     return config || $q.when(config); 
    } 
} 

次に、インターセプタを登録します。

$httpProvider.interceptors.push('myHttpInterceptor'); 

あなただけの設定を編集する必要が:)

Answer 3

それは古い質問ですが、私はサービスコールのための相対パスを使用して

angular 
    .module('app') 
    .config(function ($httpProvider) { 
    $httpProvider.interceptors.push(apiInterceptor); 
    }); 

// api url prefix 
var API_URL = 'http://localhost:8080/'; 

function apiInterceptor ($q) { 
    return { 
    request: function (config) { 
     var url = config.url; 

     // ignore template requests 
     if (url.substr(url.length - 5) == '.html') { 
     return config || $q.when(config); 
     } 

     config.url = API_URL + config.url; 
     return config || $q.when(config); 
    } 
    } 
}