要获取发送到URL头部的信息,可以使用Angular的HttpClient模块来发送HTTP请求,并使用HttpHeaders类来处理头部信息。
以下是一个使用Angular 4获取发送到URL头部信息的代码示例:
import { Component, OnInit } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
@Component({
selector: 'app-example',
template: `
{{ response }}
`,
})
export class ExampleComponent implements OnInit {
response: string;
constructor(private http: HttpClient) {}
ngOnInit() {}
getData() {
const url = 'https://api.example.com/data';
const headers = new HttpHeaders({
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + localStorage.getItem('token'), // 设置授权头部信息
});
this.http.get(url, { headers: headers }).subscribe(
(data) => {
this.response = JSON.stringify(data);
},
(error) => {
console.error(error);
}
);
}
}
在上面的代码中,我们首先从@angular/common/http
中导入HttpClient
和HttpHeaders
。然后,在getData()
方法中,我们创建了一个HttpHeaders
对象,并设置了Content-Type
和Authorization
头部信息。注意,我们将Authorization
头部设置为Bearer
加上token的形式,这是一种常见的身份验证方法,你可以根据你的需求进行更改。
接下来,我们使用http.get()
方法发送GET请求,并传递包含头部信息的headers
对象作为可选参数。在订阅可观察对象的响应时,我们将响应数据转换为JSON字符串,并将其赋值给response
变量,用于在模板中显示。
这就是使用Angular 4获取发送到URL头部信息的解决方法。请根据你的实际需求进行调整和修改。