什么是 axios？
axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js。它可以帮助我们更方便地进行 API 请求和处理响应。
如何使用 axios？
首先，我们需要在项目中安装 axios：
--- ------- -----
然后，在 Vue 组件中引入 axios：
------ ----- ---- -------
接下来，我们可以使用 axios 发送 API 请求：
----------------------
-------------- -- -
--------------------------
--
------------ -- -
------------------
--这里我们发送了一个 GET 请求，请求的 URL 是 /api/user。如果请求成功，我们会在控制台中打印出响应数据；如果请求失败，我们会打印出错误信息。
axios 的基本用法
发送 GET 请求
----------------------
-------------- -- -
--------------------------
--
------------ -- -
------------------
--发送 POST 请求
----------------------- -
----- ----- -----
------ ----------------------
--
-------------- -- -
--------------------------
--
------------ -- -
------------------
--发送 PUT 请求
------------------------ -
----- ----- -----
------ ----------------------
--
-------------- -- -
--------------------------
--
------------ -- -
------------------
--发送 DELETE 请求
---------------------------
-------------- -- -
--------------------------
--
------------ -- -
------------------
--axios 的高级用法
拦截器
axios 提供了拦截器（interceptor）功能，可以在请求和响应被处理前对它们进行拦截和修改。我们可以通过 axios.interceptors.request.use() 和 axios.interceptors.response.use() 方法来添加拦截器。
-- ------- ------------------------------------- -- - -- ----------- ------ ------ -- ----- -- - -- --------- ------ --------------------- -- -- ------- ---------------------------------------- -- - -- --------- ------ -------- -- ----- -- - -- --------- ------ --------------------- --
取消请求
如果我们在发送请求后发现请求已经不再需要，我们可以通过 axios.CancelToken 来取消请求。
----- ------ - --------------------------
---------------------- -
------------ ------------
--
-------------- -- -
--------------------------
--
------------ -- -
-- ----------------------- -
-------------------- ---------- --------------
- ---- -
------------------
-
--
-- ----
------------------------ -------- -- --- -------并发请求
如果我们需要同时发送多个请求，可以使用 axios.all() 和 axios.spread() 方法。
-----------
-------------------------
------------------------
--
-------------------------- ------ -- -
-----------------------
-----------------------
---
------------ -- -
------------------
--总结
本文介绍了 Vue.js 中使用 axios 进行 API 请求的基本用法和高级用法。通过学习本文，你可以更方便地进行 API 请求，并且可以使用拦截器、取消请求和并发请求等功能。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65dfed1c1886fbafa4d21e7f