介绍
@iwanabethatguy/axios 是基于 Promise 的 HTTP 客户端，可以在 Node.js 和浏览器中使用。它具有以下特点：
- 在浏览器和 Node.js 中使用相同的 API
- 支持 Promise API
- 拦截请求和响应
- 转换请求和响应数据
- 取消请求
- 自动转换 JSON 数据
- 客户端端支持防止 CSRF（Cross-site Request Forgery）攻击
安装
在使用之前，需要先安装 @iwanabethatguy/axios 包。可以通过 npm 命令或 yarn 命令进行安装。例如：
npm install @iwanabethatguy/axios
或者
yarn add @iwanabethatguy/axios
使用方法
基本用法
在使用之前，需要先引入 axios 模块：
import axios from '@iwanabethatguy/axios';
如果你还没有使用 ES6 的模块功能，可以通过以下方式引入：
const axios = require('@iwanabethatguy/axios');
然后，可以直接使用 axios.get()、axios.post()、axios.put()、axios.delete()等方法发送 HTTP 请求，例如：
axios.get('https://api.github.com/users/iwanabethatguy').then((response) => { console.log(response.data); });
POST 请求
可以通过 axios.post() 方法发送 POST 请求，例如：
-- -------------------- ---- ------- -------------------------------------------------------- - ------ ------ ----- ------ ------- - -- -------------- ---------- - --------------------------- -- --------------- ------- - ------------------- ---展开代码
并发请求
可以使用 axios.all() 方法一次发送多个请求，然后使用 axios.spread() 方法处理所有请求的响应结果，例如：
-- -------------------- ---- ------- ----------- ----------------------------------------------------------------- ---------------------------------------------------------------- -- --------------------------- ----------- ---------- - ---------------------------- ---------------------------- --- --------------- ------- - ------------------- ---展开代码
错误处理
可以使用 catch() 方法捕获请求发生的错误，例如：
axios.get('https://jsonplaceholder.typicode.com/notfound') .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); });
拦截器
可以使用拦截器对请求和响应进行拦截和处理，例如：
-- -------------------- ---- ------- -- ------- --------------------------------------- -------- - -- ------------- --------------------- ------ ------- -- -------- ------- - -- --------- ------ ---------------------- --- -- ------- ---------------------------------------- ---------- - -- --------- --------------------- ------ --------- -- -------- ------- - -- --------- ------ ---------------------- --- ----------------------------------------------------------------------- -- - --------------------------- ---展开代码
配置
可以在配置中设置默认值和拦截器等信息，例如：
-- -------------------- ---- ------- -- ----------- ---------------------- - --------------------------------------- -- -------- ---------------------------------------------- - ----------- ------------------------------------------- - ------------------------------------ -- ------- ---------------------------------------- ---------- - --------------------- ------ --------- -- -------- ------- - --------------------- ------ ---------------------- ---展开代码
取消请求
可以使用 axios.CancelToken 取消请求，例如：
-- -------------------- ---- ------- ----- ----------- - ------------------ ----- ------ - --------------------- ------------------------------------------------------- - ------------ ------------ -- -------------- ---------- - --------------------------- -- --------------- ------- - -- ----------------------- - ----------------------- --------------- - ---- - ------------------- - --- -----------------------展开代码
结语
@iwanabethatguy/axios 能够方便地处理 HTTP 请求和响应，同时也提供了许多实用的功能。希望本文能够帮助到大家，更好地使用 @iwanabethatguy/axios 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067381890c4f727758420a
