概述
dio 是一款基于 Promise 的 Node.js HTTP 客户端，支持浏览器和 Node.js 环境。它具有简单易用的 API、拦截器、请求取消、全局错误处理等特性，使得开发者可以更方便地发送 HTTP 请求，处理响应结果。
安装
使用 npm 进行安装：
npm install dio基础用法
发送 GET 请求
-- -------------------- ---- ------- ----- --- - --------------- ------------------------------------------------------- -------------- -- - --------------------------- -- ------------ -- - --------------------- ---展开代码
发送 POST 请求
-- -------------------- ---- ------- ----- --- - --------------- ------------------------------------------------------ - ------ ------ ----- ------ ------- - -- -------------- -- - --------------------------- -- ------------ -- - --------------------- ---展开代码
自定义配置
-- -------------------- ---- ------- ----- --- - --------------- ----- -------- - ------------ -------- -------------------------------------- --- ------------------------ -------------- -- - --------------------------- -- ------------ -- - --------------------- ---展开代码
拦截器
dio 支持请求和响应的拦截器，可以在发送请求或处理响应之前对其进行修改或添加额外操作。
请求拦截器
-- -------------------- ---- ------- ----- --- - --------------- ----- -------- - ------------ -------- -------------------------------------- --- ---------------------------------------- -- - ----------------------------------- - ------- - - ----------- ------ ------- -- ----- -- - ------ ---------------------- --- ------------------------ -------------- -- - --------------------------- -- ------------ -- - --------------------- ---展开代码
响应拦截器
-- -------------------- ---- ------- ----- --- - --------------- ----- -------- - ------------ -------- -------------------------------------- --- ------------------------------------------- -- - -- ---------------- --- ---- - ------ -------------- - ---- - ------ ------------------ --------------- - -- ----- -- - ------ ---------------------- --- ------------------------ ---------- -- - ------------------ -- ------------ -- - --------------------- ---展开代码
请求取消
使用 cancelToken 可以很容易地取消请求，避免不必要的网络请求。
-- -------------------- ---- ------- ----- --- - --------------- ----- ------ - ------------------------- ---------------- - ------------ ------------ -------------- -- - -- --------------------- - -------------------- - --------------- - ---- - --------------------- - --- -------------------------展开代码
错误处理
dio 提供了全局错误处理函数，可以在发生异常时进行统一处理。
-- -------------------- ---- ------- ----- --- - --------------- ----------------- -- - --------------------- - --------------- --- ------------------- -------------- -- - --------------------------- ---展开代码
结语
以上是 dio 的使用教程，它不仅提供了基础的 HTTP 请求发送功能，还支持拦截器、请求取消、全局错误处理等高级特性，使得开发者能够更加方便地构建 Web 应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/36359
