简介
在前端开发的过程中，我们经常需要和后端进行数据交互。fetch() 是一种比较常用的进行网络请求的方式，但它默认不包含请求头。如果我们需要设置请求头，就需要修改 fetch() 的默认行为。为方便开发，@jbmoelker 开发了一个名为 fetch-headers 的 npm 包，可以帮助我们方便地设置请求头，提高代码的可读性和可维护性。
安装
在使用之前，我们需要先安装这个 npm 包。可以使用 npm 安装命令：
npm install @jbmoelker/fetch-headers --save
使用
安装好后，就可以使用 fetchHeaders() 函数，这个函数会对 fetch() 进行封装，用来设置请求头。fetchHeaders() 函数的使用非常简单，它有两个参数：请求地址和请求头信息。
示例代码：
------ ------------ ---- ---------------------------
------------------------------------------- -
---------------- ------- - - ------------
--------------- ------------------
--
-------------- -- -
-- -------
--
------------ -- -
-- ------
---在示例代码中，我们使用了 fetchHeaders() 函数来请求 http://example.com/api/data 的数据，同时传递了请求头信息。请求头信息使用了对象字面量的方式，每一项的 key 是请求头的名称，value 是请求头的值。在这里，我们设置了两个请求头信息：Authorization 和 Content-Type。
扩展
fetch-headers 是一个非常实用的 npm 包，但是它并不是万能的。在实际使用中，我们会遇到很多需求，比如设置不同的请求方法、处理返回结果的格式等等。可以使用官方文档中提供的各种配置选项，来扩展 fetchHeaders() 函数的功能。
同时，也可以根据需求定制自己的 fetch 封装函数，比如利用装饰器等工具对 fetch 进行二次封装，实现更多的增强功能，提高开发效率。
总结
fetch-headers 是一个非常方便的 npm 包，可以帮助我们快速设置请求头，提高代码的可读性和可维护性。同时，我们也可以在 fetchHeaders() 函数的基础上进行扩展，实现更多的功能。希望本文可以帮助大家更好的理解和使用该 npm 包。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005671181e8991b448e358f