在 Angular 项目中将 Http 迁移到 HttpClient

Question

我正在做一个项目，该项目需要迁移旧Http的所有实例，以利用Angular提供的新HttpClient。异步方法在DataService类中声明如下:

@Injectable()
export class DataService {

  constructor(private http: Http) { }

  async getAsync<T>(resource: string, options?: RequestOptions): Promise<T> {
    return this.http
      .get(resource, options)
      .map((response: Response) => response.json())
      .catch(this.handleError).toPromise();
  }

并在另一个服务类中使用，如下所示：

async getUser() {
  try {
    this.logger.debug('Getting User State...');

    const userInfo = await this.dataService.getAsync<[Type Parameter]>(
      this.constantService.urls.authenticatedUserUri, <RequestOptions>{ withCredentials: true }
    );

    this.logger.debug(JSON.stringify(userInfo));
    this.authorizeUser(userInfo);
  } catch (error) {
    this.logger.debug(error);
  }
}

我知道为了使用HttpClient，我需要在提供DataService类的模块中导入Http客户端模块，然后在服务本身中导入HtpClient，并通过类的构造函数注入它。我还知道行＜code＞。映射（（响应：响应）=

我的主要问题是用什么来代替HttpClient模块中不再支持的RequestOptions对象。我假设我将不得不使用HttpHeaders和/或HttpParams来代替RequestOptions，但是我不确定具体的实现。行<代码>

我将继续研究，并通过留档，试图找到合适的解决方案，但我感谢任何帮助这个特殊的问题。谢谢！

Answer 1

不再键入选项

只需将RequestOptions替换为任何即可。

在文档中，您可以看到以下内容：

request(first: string|HttpRequest<any>, url?: string, options: {
    body?: any,
    headers?: HttpHeaders|{[header: string]: string | string[]},
    observe?: HttpObserve,
    params?: HttpParams|{[param: string]: string | string[]},
    reportProgress?: boolean,
    responseType?: 'arraybuffer'|'blob'|'json'|'text',
    withCredentials?: boolean,
} = {}): Observable<any>

如您所见，＜code＞withCredentials＜/code＞仍然可用，并且没有＜code＞选项的类型