前言
Taro-fetch 是一个 Taro 框架下的网络请求库。该库的主要特点是拥有多种请求方式和拦截器的支持，还支持自定义错误处理和全局 Loading 展示等等。如果您正在开发使用 Taro 框架的前端应用，那么使用 Taro-fetch 库就是您的不二选择了。
安装
通过 NPM 安装 taro-fetch：
--- ------- ---------- --
安装完成后，您就可以在项目中使用该库了。
如果您在 Taro 3.x 版本下使用 Taro-fetch，需要把 taro-fetch 引入到 Taro 的自定义环境变量中，您可以在 config/index.js 文件中添加以下代码：
----- ------ - -
-- --- ----
---------------- -
------------- ------ - --------------------------- - ------------------------
-- - ---------- ---------
-------------- --------------
--
-- --- ----
--使用
发送 GET 请求
------ ----- ---- ------------- -- -- --- -- --------------------------- -- - ----------------- ------------ -- - ----------------- --
发送 POST 请求
------ ----- ---- ------------- ------------------- - --------- ----- ----- ------ --------------------- ----------- -- - ----------------- ------------ -- - ----------------- --
请求拦截器、响应拦截器
------ ----- ---- -------------
-------------------------------
------ -- -
-- -----------
------ -------
--
--- -- -
-- -------
------ --------------------
-
--
--------------------------------
--- -- -
-- ------
------ ----
--
--- -- -
-- --------
------ --------------------
-
--
--------------------------- -- -
-----------------
------------ -- -
-----------------
---设置 Header
------ ----- ---- ------------- ----- ------- - - --------------- ------------------- ---------------- ------- - - ----- - ------------------ ----------------- -- - ----------------- ------------ -- - ----------------- --
自定义错误处理
------ ----- ---- -------------
------------------
--------- -- -
-----------------
--
---------- -- -
-- ----------- --- ---- -
-- --- --- -------
- ---- -- ----------- --- ---- -
-- --- --- -------
- ---- -
-- ---------
-
---全局 Loading 展示
------ ----- ---- ------------- ------ ---- ---- --------------- ------------------ ------ --------- --- --------------------------- -- - ----------------- ------------------- ------------ -- - ----------------- ------------------- --
结语
Taro-fetch 是一个功能十分强大的网络请求库，使用该库可以帮助您高效地完成前端开发工作。此文以实例的形式讲解了该库的使用方法，希望能够对您有所帮助。欢迎大家关注 Taro-fetch 库的最新进展。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066b5451ab1864dac66967