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

时间:2019-09-10 06:00:37

标签: angular angular-httpclient

我对角度框架不熟悉。我需要使用webApi将某些表单的数据发布到服务器。在尝试提交表单时,我浏览了诸如HttpClientModule之类的几个主题。但是我被困在HttpHeaders上。我想知道它在向服务器提交数据或从服务器接收数据时有什么帮助。

但是我还没有找到任何可以解释这一点的资源。

有人可以帮助我理解概念吗?

谢谢。

1 个答案:

答案 0 :(得分:1)

来自Angular

  

许多服务器需要额外的标头进行保存操作。例如,   他们可能需要“ 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();

或者您可以使用Interceptor在全球范围内进行操作。遵循link