在现代 Web 开发中，前端与后端分离的趋势愈发明显。前端从原本的简单展示网页变成了功能完备、甚至能够进行完整的业务逻辑处理的地位。
基于此，前端面临的请求准确、速度快、可扩展性强等诸多方面的问题也相应增多。在此之中，npm 包 puny-req 是一款值得推荐的用于处理前端请求的工具。
puny-req 的基本用法
安装 puny-req：
--- ------- -------- ------
在项目中使用 puny-req：
------ - ---- ---- - ---- ----------- ------------------------- -- --------------------------- -- -------------------- ----------------- - ----- ------- ------- ----------- -- --------------------------- -- --------------------
puny-req 提供了 get 与 post 两个方法方便我们进行请求的发送。其中 get 方法接受一个字符串参数 url，并返回一个 Promise。post 方法同上，并且需要额外传入一个数据参数。在这个例子中，我们只是简单将请求返回的数据打印在了控制台中。
附加选项
puny-req 还提供了额外的可配置选项，用于更好的适应不同的业务需求。常见的选项如下：
- timeout：定义请求超时时间
- headers：定义需要发送的请求头
- responseType：定义处理不同类型的请求（比如 json、xml、string 等）的方式
修改 headers 示例：
------ - --- - ---- ----------- ----- ------- - - -------------- ------- - - --------------- --------------- ------------------- -- --------------- - ------- ----------- -- --------------------------- -- --------------------
错误处理
在请求过程中，错误难免会发生。与其让用户遇到错误后一脸茫然，我们应该主动地处理这些错误，给出友好的提示。puny-req 还提供了一些针对请求错误进行处理的方法。例如：
- ontimeout：定义超时处理方法
- onerror：定义请求错误处理方法
- onabort：定义请求取消处理方法
定义超时处理方法示例：
------ - --- - ---- -----------
--------------- - -------- ---- --
--------- -- -----------------
------------ -- -
-- ----------- --- --------------- -
-----------------------
- ---- -
---------------------
-
---其他
puny-req 的使用方法并不止如上。可以通过阅读官方文档（https://github.com/vilic/puny-req）更加全面的熟悉 puny-req 所提供的所有功能。
总结
puny-req 为我们处理前端请求带来了许多便利，从而提高了开发效率和用户体验。借助其可配置的选项，处理错误信息更加人性化，更加符合用户需求。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055e7681e8991b448dbd29