简介
在前端开发中，网络请求是不可避免的。而npm 包 herm-js-network 是一个JavaScript网络请求库，它能让我们在前端开发中进行API请求，并在HTTP请求过程中自动检测HTTP错误、CSRF攻击和重试等，并且支持Promise和异步/同步请求。
本篇文章将详细介绍 npm 包 herm-js-network 的使用方法，帮助开发者更好地了解和使用它。
安装
使用 npm 安装 herm-js-network：
npm install herm-js-network --save
实现
网络请求：
-- -------------------- ---- -------
------ ------- ---- -----------------
--- ------- - --- ---------
---------------------------------
--------------
---------
---------------- -- -
--------------------------
--
------------ -- -
----------------
--这段代码会对 http://example.com 进行 GET 请求，并设置请求的超时时间为3秒，最大重试次数为3次（最多请求4次），并在请求成功后将响应主体打印到控制台上，请求失败则打印错误信息。
配置
可以通过如下方式设置默认配置：
-- -------------------- ---- -------
------ ------- ---- -----------------
--- ------- - --- ---------
-------- ---------------------
-------- -
------------------- -----------------
--------------- ------------------
--
------- ------
-------- -----
------ --
----------- ----
--事件
在请求过程中可监听事件，如下：
-- -------------------- ---- ------- --------------------- --------- -- - ------------------------------ ---------------- -- ---------------------- ---------- -- - -------------------------- -- --------------------- --------- -- - ----------------------- -- ------------------- ----- -- - ---------------- --
其中，'request' 事件会在发送请求前被触发，'response' 事件会在接收到响应后被触发，'timeout' 事件会在超时后被触发，'error' 事件则在出现错误时被触发。
请求方式
network.get(url[, query]) network.post(url[, data]) network.put(url[, data]) network.patch(url[, data]) network.delete(url[, query])
其中，get、delete、head、options 请求修改 URL 附带参数，post、put、patch 则修改 URL 附带数据，使用范例：
-- -------------------- ---- ------- -------------------- - --- -- --- - -- --------------------- - ----- --------- ----- -------- --
请求选项
请求选项是一个 JavaScript 对象，可以通过 .ok() 方法自定义，如下：
-- -------------------- ---- -------
------ ------- ---- -----------------
------ ----- ---- ---------------
--- ------- - --- ---------
-------- -----
------ --
-------- -
------------------- -----------------
--------------- ------------------
-
--
----- ------- - -------
-------------
---------
--- -----
--- ----
--
------------- -- -
----- ----- - --- -------
------------------------
------ --------
----------- - ----------------
------ -------
--上面的代码执行后会发送一个GET请求，包含了自己的一些参数，然后在发送请求前会触发'ok'事件，使用herm-js-query库对URL参数进行解析，并删除其中的'q2'参数。
总结
本篇文章中，我们介绍了如何在前端开发中使用npm 包 herm-js-network 进行网络请求。通过它我们可以轻松地实现前端与后端API接口的交互。希望读者们在日常工作中，能够深入学习并使用herm-js-network，并在项目中快速而愉快地进行API请求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f90238a385564ab6f81