Question

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

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

我找到了一个很好的例子，如何做到Angular 2 - Dynamically find base url to use in the http requests (services)

使用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地址？

Answer 1

试试这种方式

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;
        var result = super.merge(options);
        result.merge = this.merge;
        return result;
    }
}

和

bootstrap(AppComponent, [HTTP_PROVIDERS,
    // < RC.4
    provide(RequestOptions, { useClass: CustomRequestOptions }),
    // >= RC.4
    { provide: RequestOptions, useClass: CustomRequestOptions }
]);

Angular 2动态更改帖子请求中的基本网址

1 个答案: