Angular 10 附加 X-Requested-With: XMLHttpRequest 到 header

Question

我写了一个 angular 调用旧 API 的服务。我需要将 header 格式化为如下所示，其中 'X-Requested-With' 显示在底部（这是一项要求，而不是选择）。这是原始请求的图片：

这是我的代码片段，运行和 returns 状态为 200：

  private _headers = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded; 
   charset=UTF-8');
  myRequest(data: string): Observable<string> {
    return this.http.post<string>(this.url, data, { headers: this._headers });
  }

将 X-Requested-With: XMLHttpRequest 附加到 header 的正确方法是什么。谢谢您的帮助。这是我目前得到的图像：

Answer 1

HttpHeaders in Angular are immutable

这意味着您可以在 myRequest 函数中设置 X-Requested-With header。

myRequest(data: string): Observable<string> {
  const headers = this._headers.set('X-Requested-With', 'XMLHttpRequest');
  return this.http.post<string>(this.url, data, { headers });
}

它不会改变你的 private _headers。

你可以inspect the headers in this example

Angular 10 附加 X-Requested-With: XMLHttpRequest 到 header

Angular 10 append X-Requested-With: XMLHttpRequest to the header

header

angular-services

angular