要在Angular 5中读取请求头,您可以使用Angular的HttpClient模块。以下是一个基本的示例,展示了如何使用HttpClient来获取请求头信息:
import { Component } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
@Component({
selector: 'app-root',
template: `
{{ headers | json }}
`
})
export class AppComponent {
headers: HttpHeaders;
constructor(private http: HttpClient) {}
getHeaders() {
// 发起GET请求,将返回的响应头保存在headers变量中
this.http.get('http://api.example.com', { observe: 'response' })
.subscribe(response => {
this.headers = response.headers;
});
}
}
此示例中,我们使用了HttpClient的get方法来发起GET请求。通过设置observe: 'response'
选项,我们可以获取完整的响应,包括响应头信息。
注意:在使用此示例之前,您需要确保已经安装了@angular/common/http
模块,并在您的模块中导入了HttpClientModule。
希望这个示例能够帮助您在Angular 5中读取请求头。