tj-axios 是一个基于 Promise 的 HTTP 库，可以用于浏览器和 Node.js。它具有以下特点：
- 支持浏览器和 Node.js。
- 支持 Promise API。
- 支持拦截请求和响应。
- 支持取消请求。
- 自动转换 JSON 数据。
- 支持客户端防御 XSRF。
本文将介绍如何在前端项目中使用 tj-axios，让你能够更方便地发起 HTTP 请求。
安装
在使用 tj-axios 之前，请先确保已安装 Node.js 环境。
通过 npm 安装 tj-axios。
npm install tj-axios --save
发起一个请求
使用 tj-axios 发起一个 HTTP 请求非常简单。
-- -------------------- ---- -------
----- ------- - --------------------
-----------------------------
-------------- ---------- -
----------------------
--
--------------- ------- -
-------------------
---还可以这样使用：
-- -------------------- ---- ------- ----- ------- - -------------------- --------- ------- ------ ---- ---------------- -- -------------- ---------- - ---------------------- -- --------------- ------- - ------------------- ---
为请求添加配置
可以在请求中添加配置，例如请求头、超时时间等。
-- -------------------- ---- -------
----- ------- - --------------------
---------
------- -------
---- --------
----- -
---------- -------
--------- -----
--
-------- -
------------------- ----------------
-
--
-------------- ---------- -
----------------------
--
--------------- ------- -
-------------------
---拦截请求和响应
可以使用 interceptors 拦截请求和响应，例如添加 loading 效果。
-- -------------------- ---- ------- ----- ------- - -------------------- -- ------- ----------------------------------------- -------- - -- ----------- -------------- ------ ------- -- -------- ------- - -- --------- ------ ---------------------- --- -- ------- ------------------------------------------ ---------- - -- --------- -------------- ------ --------- -- -------- ------- - -- --------- -------------- ------ ---------------------- ---
取消请求
可以在请求中添加 cancelToken，来取消一个正在进行的请求。
-- -------------------- ---- -------
----- ------- - --------------------
----- ----------- - --------------------
--- -------
---------
------- ------
---- ------------------
------------ --- -------------------- ----------- -
-- -------- ------ ------ ------
------ - --
--
--
--------------- ------- -
-- ------------------------- -
-------------------- ---------- ---------------
- ---- -
-- ------
-
---
-- ----
---------自定义实例
可以创建自定义实例来满足不同的请求需要。
-- -------------------- ---- -------
----- ------- - --------------------
----- -------- - ----------------
-------- -------------------------
---
----------
------- -------
---- --------
----- -
---------- -------
--------- -----
-
---总结
tj-axios 是一个功能强大的 HTTP 库，可以帮助我们更便捷地发起 HTTP 请求。本文介绍了 tj-axios 的基本使用方法，包括发起一个请求、添加配置、拦截请求和响应、取消请求和自定义实例等。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600573e381e8991b448e9c94