Angular 4/5中PHP getallheaders()函数的等效方法是什么？

嘿，我来帮你搞定这个问题！Angular里确实没有像PHP getallheaders()那样直接的一键获取方法，但我们可以通过HttpRequest对象或者HTTP拦截器来轻松拿到请求头信息，下面分几种常见场景给你说明：

1. 发送单个请求时直接获取请求头 #

如果你只是想查看某一次请求的头信息，在创建HttpRequest对象之后就能直接拿到所有头：

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

constructor(private http: HttpClient) {}

sendMyRequest() {
  // 创建一个带自定义头的请求
  const myRequest = new HttpRequest('GET', '/api/my-data', {
    headers: {
      'Content-Type': 'application/json',
      'X-App-Version': '1.0.0'
    }
  });

  // 获取所有请求头，得到HttpHeaders对象
  const allHeaders = myRequest.headers;

  // 遍历输出所有头（类似getallheaders()的效果）
  console.log('当前请求的所有头：');
  allHeaders.keys().forEach(headerKey => {
    console.log(`${headerKey}: ${allHeaders.get(headerKey)}`);
  });

  // 转换成普通JS对象，方便后续处理
  const headersObj = {};
  allHeaders.keys().forEach(key => {
    headersObj[key] = allHeaders.get(key);
  });
  console.log('请求头对象：', headersObj);

  // 最后发送请求
  this.http.request(myRequest).subscribe(res => {
    // 处理响应逻辑
  });
}

2. 全局监控所有请求的头信息 #

如果想在整个应用里监控所有HTTP请求的头，用HTTP拦截器是最方便的方式——它能在每个请求发送前拦截并获取完整的头信息：

首先创建一个拦截器文件（比如request-header.interceptor.ts）：

import { Injectable } from '@angular/core';
import {
  HttpInterceptor,
  HttpRequest,
  HttpHandler,
  HttpEvent
} from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable()
export class RequestHeaderInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // 拿到当前请求的所有头
    const requestHeaders = req.headers;

    // 这里可以做任何你想做的操作，比如打印、日志上报等
    console.log('拦截到的请求头：');
    requestHeaders.keys().forEach(key => {
      console.log(`${key}: ${requestHeaders.get(key)}`);
    });

    // 转换成普通对象，和PHP的getallheaders()返回结构类似
    const headersObject = {};
    requestHeaders.keys().forEach(key => {
      headersObject[key] = requestHeaders.get(key);
    });
    console.log('请求头对象：', headersObject);

    // 一定要把请求继续传递下去，不然请求会被拦截住
    return next.handle(req);
  }
}

然后在你的AppModule里注册这个拦截器：

import { NgModule } from '@angular/core';
import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { RequestHeaderInterceptor } from './request-header.interceptor';

@NgModule({
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: RequestHeaderInterceptor,
      multi: true // 允许多个拦截器同时工作
    }
  ]
})
export class AppModule {}

3. 从响应中回溯请求头 #

如果已经拿到了服务器的响应，你也可以从响应对象里拿到当初发送请求时的头信息：

this.http.get('/api/some-data').subscribe(response => {
  // 从响应里获取原始请求对象
  const originalRequest = response.request;
  const requestHeaders = originalRequest.headers;

  // 同样可以遍历或转换为对象
  const headersObj = {};
  requestHeaders.keys().forEach(key => {
    headersObj[key] = requestHeaders.get(key);
  });
  console.log('这次请求的头信息：', headersObj);
});

小提醒 #

• Angular的HttpHeaders是不可变对象，如果需要修改头信息，得用set()或append()方法返回新的对象，不能直接修改原对象哦。
• 浏览器自动添加的头（比如Host、User-Agent）也会包含在HttpRequest的headers里，你可以正常获取到。

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