在 Angular 中，我们经常需要使用 $http 或 HttpClient 来进行接口请求。而在一些场景下，我们需要向服务端传递头部参数，以免被拦截或者是遵循某些规范。本文将详细讲解在 Angular 中如何向 http.get 请求中传递 Header 参数，并提供示例代码以帮助读者更好的理解。
使用 $http 的 Header 参数传递
首先，我们来看一下使用 $http 的方法。在传递 Header 参数的场景下，我们需要在请求的 config 中添加一个 headers 对象，并在其中添加我们需要的头部参数。以下是一个简单的示例：
-- -------------------- ---- -------
-------
------- ------
---- -----------
-------- -
--------------- --------------------------------
-
---------------- ------------------------- -
-- ----------
-- -------- ----------------------- -
-- ------
---上述示例中，在请求参数中添加了 headers 对象，并在其中添加了一个 key 为 Content-Type、value 为 application/json;charset=UTF-8 的头部参数。
使用 HttpClient 的 Header 参数传递
如果使用的是 Angular 的新版 HttpClient，那么传递 Header 参数也很简单。HttpClient 中的请求是通过一个可观察对象进行的，我们可以在创建请求时添加 options 选项，其中可以配置 headers 参数设定。以下是示例代码：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - ----------- ----------- - ---- -----------------------
-------------
----------- ------
--
------ ----- ---------- -
-------- - ------------------------
------------------- ----- ----------- - -
-------- ------- -
----- ------- - --- -------------
--------------- --------------------------------
---
------ ---------------------------------------- - ------- ---
-
-在示例代码中，我们通过 headers 对象创建了一个 HttpHeaders 对象，并在其中添加了头部参数。最后将 HttpHeaders 对象传递到请求 options 中即可。
总结
本文详细讲解了 Angular 中 http.get 请求中传递 header 参数的方法，并提供了示例代码。需要注意的是，无论是使用 $http 还是 HttpClient，都需要在请求参数中添加 headers 对象，并在其中添加需要传递的头部参数。通过本文的学习，读者可以更好地理解 Angular 中 http.get 传递 Header 参数的方法，为实际应用中的开发工作提供有力的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6499175548841e989460b08f