Axios 是一个基于 Promise 的 HTTP 库,它可以在浏览器和 Node.js 中使用。Axios 可以让我们更容易地进行 HTTP 请求并处理服务器响应。
安装
你可以使用 npm 或 yarn 来安装 Axios:
--- ------- ----- - -- ---- --- -----
发送请求
Axios 提供了多种发送请求的方法,包括 GET、POST、PUT、DELETE 等等。下面是几个常用的例子:
GET 请求
----------------------- -------------- ---------- - --------------------------- -- --------------- ------- - ------------------- ---
POST 请求
------------------------ - ---------- ------- --------- ----- -- -------------- ---------- - ---------------------- -- --------------- ------- - ------------------- ---
PUT 请求
--------------------------- - ---------- ------- --------- ----- -- -------------- ---------- - ---------------------- -- --------------- ------- - ------------------- ---
DELETE 请求
------------------------------ -------------- ---------- - ---------------------- -- --------------- ------- - ------------------- ---
请求配置
Axios 还提供了一些请求配置选项,例如超时时间、请求头等等。下面是一个例子:
------- ------- ------- ---- ------------- ----- - ---------- ------- --------- ----- -- -------- - ------------------- ---------------- -- -------- ---- -- -------------- ---------- - ---------------------- -- --------------- ------- - ------------------- ---
在上面的例子中,我们设置了请求方法、URL、请求体、请求头和超时时间等配置选项。
拦截器
Axios 还提供了拦截器,可以在发送请求和接收响应时进行拦截和处理。下面是一个例子:
-- ------- --------------------------------------- -------- - -- ----------- --------------------- ------ ------- -- -------- ------- - -- --------- ------ ---------------------- --- -- ------- ---------------------------------------- ---------- - -- --------- --------------------- ------ --------- -- -------- ------- - -- --------- ------ ---------------------- ---
在上面的例子中,我们使用 use
方法添加了请求和响应拦截器,并在拦截器中输出了一些信息。
错误处理
当请求失败时,Axios 会返回一个错误对象。你可以在 catch
方法中对这个错误进行处理,例如输出错误信息或者进行重试等等。
----------------------- -------------- ---------- - --------------------------- -- --------------- ------- - -- ---------------- - -- ------------------ --------------------------------- ----------------------------------- ------------------------------------ - ---- -- --------------- - -- -------------- --------------------------- - ---- - -- ------------------- -------------------- --------------- - -------------------------- ---
在上面的例子中,我们对错误对象进行了区分和处理,并输出了一些相关的信息。
总结
Axios 是一个非常方便的 HTTP 库,它提
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/32201