介绍
在前端开发中，我们经常需要和后端进行数据交互。而 axios 是目前使用最广泛的一个基于 Promise 的 HTTP 库。与 jQuery.ajax 和 fetch 不同的是，axios 能够处理跨域问题，并且具有很强的可扩展性。在使用 axios 进行开发时，我们可以选择使用社区提供的各种封装库来加速开发。
tinyisland-axios 是一个已经封装了 axios 的 npm 包，旨在简化 axios 使用的过程，包括配置 headers，全局错误拦截等。下面我们将介绍如何使用 tinyisland-axios。
安装
使用 npm 进行安装：
npm install tinyisland-axios
使用
引入 tinyisland-axios：
import { axiosInstance } from 'tinyisland-axios'tinyisland-axios 中已经将 axios 默认的参数进行了封装，可以直接调用：
// GET 请求示例
axiosInstance.get('https://xxxxxx.com/api/data')
// POST 请求示例
axiosInstance.post('https://xxxxxx.com/api/data', data)配置
在使用 tinyisland-axios 时，可以对 axios 增加默认配置及拦截器（例如请求拦截器、响应拦截器）等功能。
基本配置
在需要进行针对性配置的地方，我们可以针对性地修改配置，例如：
-- -------------------- ---- -------
-- ----
---------------
------- -------
---- --------------
----- -
---------- -------
--------- ------------
-
--
-- --- --
---------------
------- ------
---- --------------
------- -
---------- -------
--------- ------------
-
--扩展配置
tinyisland-axios 提供了扩展配置功能，即在默认设置的基础上，可以再加一层设置，例如：
-- -------------------- ---- -------
-- ----
----- ------ - -
-------- --------------------------
-------- -
---------------- -----
-
-
-- -------
----- -------- - ---------------------
--------------------------------------
---------------------------------------拦截器
在 tinyisland-axios 中，可以使用拦截器的概念增强请求和响应处理：
-- -------------------- ---- ------- ------------------------------------------ -------- - -- ----------- ------ ------- -- -------- ------- - -- --------- ------ ---------------------- --- -- ------- ------------------------------------------- ---------- - -- --------- ------ --------- -- -------- ------- - -- --------- ------ ---------------------- ---
总结
本文已经向大家介绍了 tinyisland-axios 的安装和使用方法，包括基本配置和扩展配置，以及拦截器的使用方法。通过学习本文，相信大家已经能够顺利使用 tinyisland-axios 开展前端开发工作。
示例代码
-- -------------------- ---- -------
------ - ------------- - ---- ------------------
-- -------
----- ------ - -
-------- --------------------------
-------- -
--------------- -------------------
---------------- -----
--
-------- ----
-
-- -- ----- --
----- -------- - --------------------
-- -----
----------------------------------
------ -- -
-- ---- ----- ----- -----
-- ----------- --- --------------- -
---------------------------- - -----
-
------ ------
-
-
-- -----
-----------------------------------
-------- -- -
-- -----
-- ------------------- --- ------- -
-------------------
-------------------- - --------
-
------ --------
--
----- -- -
--------------------- ------
-
-
-- ----
------ ------- --------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067354890c4f72775839e6