相关疑难解决方法(0)

我正在尝试为我的所有角度2 http请求设置基本网址.以下是我的申请的基本设置.

class HttpOptions extends BaseRequestOptions {
  url:string = "http://10.7.18.21:8080/api/";
}


bootstrap(AppComponent, [
  HTTP_PROVIDERS,
  provide(RequestOptions, {useClass: HttpOptions})
]);


export class AppComponent {
  users:Array<User>
  constructor(private http: Http) {
    http.get("/users")
      .subscribe(res => this.users = res.json());
  }
}

请求不会发送到http://10.7.18.21:8080/api/users,正如我对我的配置所期望的那样.而是将请求发送到http:// localhost:8000/users.

如何在角度2应用程序中为http请求设置基本URL？

我正在使用Angular 2.0.0-beta.0.

我在Angular2/TypeScript应用程序中有角度服务,它们不知道http服务的位置 - 显然需要什么.

出于测试目的,我需要运行具有多个目标的TypeScript应用程序 - 它可以是localhost(用于测试)或云环境.目标是通过源代码中的单行更改将所有请求从一个地址切换到另一个地址.可接受的解决方案不应要求在所有角度服务中将目标位置添加为常量值.

我找到了一个很好的例子如何做Angular 2 - 动态查找在http请求(服务)中使用的基本URL

使用Angular2的2.0.0-beta.6版本,您可以覆盖合并方法

import {BaseRequestOptions, RequestOptions, RequestOptionsArgs} from 'angular2/http';

export class CustomRequestOptions extends BaseRequestOptions {
    merge(options?:RequestOptionsArgs):RequestOptions {
        options.url = 'http://192.123.24.2:8080' + options.url;
        return super.merge(options);
    }
}

您可以这样注册此课程:

bootstrap(AppComponent, [HTTP_PROVIDERS,
    provide(BaseRequestOptions, { useClass: CustomRequestOptions })
]);

但

它适用于GET请求,但不适用于POST请求 - POST中的基本URL未被触及(浏览器将请求发送到JavaScript主机服务器而不是所需的http目标).

如何在Angular 2中动态更改POST请求的基本URL地址？