什么是HttpHeaders,为什么在Angular中使用它?

什么是HttpHeaders,为什么在Angular中使用它?,angular,angular-httpclient,Angular,Angular Httpclient,我不熟悉角度框架。我需要使用webApi将某些表单的数据发布到服务器。当我试图提交表单时,我浏览了一些主题,比如HttpClientModule。但我被困在HttpHeaders。我想知道它在向服务器提交或接收数据时有何帮助 但我还没有找到任何资源来解释这一点 有人能帮我理解这些概念吗 谢谢。来自 许多服务器需要额外的头来执行保存操作。例如 它们可能需要一个“Content-Type”头来显式声明 请求主体的MIME类型;或者,服务器可能需要 授权令牌 如果您的头中有令牌,则需要使用Http头对

我不熟悉角度框架。我需要使用webApi将某些表单的数据发布到服务器。当我试图提交表单时,我浏览了一些主题,比如HttpClientModule。但我被困在HttpHeaders。我想知道它在向服务器提交或接收数据时有何帮助

但我还没有找到任何资源来解释这一点

有人能帮我理解这些概念吗

谢谢。

来自

许多服务器需要额外的头来执行保存操作。例如 它们可能需要一个“Content-Type”头来显式声明 请求主体的MIME类型;或者,服务器可能需要 授权令牌

如果您的头中有令牌,则需要使用Http头对请求进行身份验证,后端将验证您的API以检查您是否通过身份验证以获得响应

例如: 使用component.ts中的标题创建httpOptions

import { HttpHeaders } from '@angular/common/http';

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type':  'application/json',
    'Authorization': 'my-auth-token'
  })
};
并在通过http方法(如get、post、put、delete等)请求时使用它

return this.http.get<>(thisurl, httpOptions).subscribe();
返回this.http.get(thisurl,httpOptions.subscribe();

或者您可以使用拦截器在全局范围内执行此操作。请按照

在回答的开头添加报价的来源,好吗?