Axios 是一个基于 Promise 的 HTTP 库，它可以在浏览器和 Node.js 中使用。在 Vue+Webpack 项目中，我们可以使用 Axios 来处理 API 请求，并且可以通过封装来简化请求的使用，提高代码的复用性和可维护性。
安装 Axios
在使用 Axios 之前，我们需要先安装它。可以通过 npm 或 yarn 安装：
npm install axios --save # 或者 yarn add axios
封装 Axios
封装 Axios 可以让我们在项目中更方便地使用它，并且可以统一处理请求和错误。下面是一个简单的封装示例：
-- -------------------- ---- -------
------ ----- ---- -------
----- -------- - --------------
-------- --------------------------
-------- ------
-------- -
--------------- ------------------
-
--
---------------------------------------- -- -
------ ------
-- ----- -- -
------ ---------------------
--
------------------------------------------- -- -
------ -------------
-- ----- -- -
------ ---------------------
--
------ ------- --------在上面的示例中，我们创建了一个 Axios 实例，并配置了一些默认选项，比如请求超时时间和请求头。然后，我们使用拦截器来处理请求和响应。
在请求拦截器中，我们可以对请求进行一些修改，比如添加请求头、添加 token 等。在响应拦截器中，我们可以统一处理错误，比如处理服务器返回的错误信息、处理超时等。
使用封装后的 Axios
在封装后的 Axios 中，我们可以使用它来发送请求。下面是一个简单的使用示例：
-- -------------------- ---- -------
------ ----- ---- ---------------
-------------------
-------------- -- -
---------------------
--
------------ -- -
--------------------
--在上面的示例中，我们使用封装后的 Axios 发送了一个 GET 请求，请求的 URL 是 /users。在请求成功后，我们打印了响应的数据。在请求失败后，我们打印了错误信息。
总结
使用 Axios 可以方便地处理 API 请求，并且可以通过封装来简化请求的使用，提高代码的复用性和可维护性。在封装 Axios 时，我们可以使用拦截器来处理请求和响应，统一处理错误信息。在使用封装后的 Axios 时，我们可以方便地发送请求，并处理响应和错误信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65cc1a0eadd4f0e0ff59a021