在以前的版本的 Angular 和 .Net 框架中,请求头名称使用的是下划线分隔的小写命名方式。但是,从 Angular 10 / .Net 4.8 开始,请求头名称已更改为驼峰式大小写命名方式。
为了使您的代码能够兼容这些更改,您需要使用 @angular/common/http 库中的 HttpHeaders 类来设置请求头。它会自动将请求头名称转换为驼峰式命名方式。
以下是一个示例代码:
import { Component, OnInit } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
constructor(private http: HttpClient) { }
ngOnInit() {
this.sendRequest();
}
sendRequest() {
const headers = new HttpHeaders().set('Authorization', 'Bearer xyz').set('Content-Type', 'application/json');
this.http.get('https://example.com/api/data', { headers }).subscribe(response => console.log(response));
}
}
在上面的示例中,我们创建了一个 HttpHeaders 实例并使用驼峰式命名方式设置了两个请求头参数。然后,我们使用这些请求头参数发送了一个 GET 请求。
请记住,在 @angular/common/http 库中使用 HttpHeaders 类设置请求头参数时,确保使用正确的驼峰式命名方式。