Angular 6中RequestOptions已废弃，如何修改请求配置？

嘿，我之前也踩过这个坑！从Angular 5开始，@angular/http里的RequestOptions就被废弃了，取而代之的是直接给HttpClient的请求方法传递配置对象，不用再单独实例化RequestOptions啦。

先看看你的代码需要怎么调整：

第一步：清理导入并修正配置方式 #

首先要移除对旧模块@angular/http中RequestOptions的导入，然后把原来的options改成一个普通的字面量对象——这就是HttpClient需要的配置格式。另外你的原代码里还忘了注入HttpClient，这个一定得补上，不然没法发起请求。

修改后的完整代码：

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http'; // 只保留common/http的导入

@Injectable({
  providedIn: 'root'
})
export class UserService {
  private baseUrl: string = 'http://localhost:8080/api';
  private headers = new HttpHeaders({'Content-Type':'application/json'});
  // 直接定义请求配置对象，替代原来的RequestOptions
  private requestConfig = { headers: this.headers };

  constructor(private http: HttpClient) { } // 注入HttpClient

  // 举个实际使用的例子，比如发起POST请求
  createUser(userData: any) {
    return this.http.post(`${this.baseUrl}/users`, userData, this.requestConfig);
  }
}

第二步：扩展更多配置（如果需要） #

如果你的请求还需要其他配置（比如URL参数、响应类型设置），直接在这个配置对象里扩展就行，比如：

import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';

// ...其他代码

private requestConfig = {
  headers: this.headers,
  params: new HttpParams().set('userId', '123'), // 添加URL参数
  responseType: 'json' as const, // 指定响应类型
  withCredentials: true // 携带Cookie跨域请求
};

简单来说，HttpClient的所有请求方法（get/post/put等）的第三个参数就是这个配置对象，完全替代了原来的RequestOptions，用起来更简洁灵活~

内容的提问来源于stack exchange，提问作者user9729328