prefisso $ http url

Question

Non riesco a trovare una risposta a quella che sembra una domanda ragionevole.

Sto utilizzando il servizio $ http per chiamare i servizi Web per tutta la mia app. Tutte le API del server sono ospitate in un particolare indirizzo. C'è un modo in cui posso ottenere $ http per prefisso sempre l'URL fornito con il server API?

Per esempio, se il mio API è a http://myAPi/API/, mi piacerebbe essere in grado di chiamare:

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

in contrapposizione a:

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

e spigoloso prefissi la richiesta con l'indirizzo del server . L'obiettivo è di non avere l'URL diffuso in tutta l'app.

C'è un modo per ottenere questo con Angular?

Answer 1

Da $ HTTP non hanno un modo integrato di gestione di questo caso (diverso da modificare il codice sorgente angular.js), è possibile avvolgere la $ http in un servizio:

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

... o semplicemente creare una costante angolare:

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

$http.get(apiPrefix + 'User') 

In entrambi i casi si tradurrebbe a "non avere la diffusione in tutto l'URL app".

Answer 2

È possibile aggiungere un intercettore al provider 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); 
    } 
} 

Quindi si registra il proprio intercettore.

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

Non vi resta che modificare il config :)

Answer 3

Si tratta di una vecchia questione, ma ho fatto una soluzione di qualche tempo fa

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); 
    } 
    } 
}