angularjs - 前缀 $http url

Question

我似乎无法找到看似合理的问题的答案。

我正在使用 $http 服务为我的所有应用程序调用 Web 服务。所有服务器 API 都托管在特定地址。有什么方法可以让 $http 始终在提供的 URL 前面加上 API 服务器前缀吗？

例如，如果我的 API 位于 http://myAPi/API/，我希望能够调用:

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

相对于:

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

Angular 会在请求中添加服务器地址作为前缀。目的是不让 URL 传播到整个应用程序。

有没有办法用 Angular 来实现这一点？

Answer 1

这是一个老问题，但我前段时间做了一个解决方案

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