在前端开发过程中,我们经常需要进行网络请求,从而获取数据或者提交数据到服务器端。axios 是一个广受欢迎的从浏览器端和 node.js 中发起 HTTP 请求的库。但是,它的体积相对较大,有时候我们只需要一个简单的请求库,这时候,就可以考虑使用 tiny-axios。
什么是 tiny-axios?
tiny-axios 是一个极其轻量级(只有 740 bytes)的 axios 实现,与 axios API 一致。它使用 fetch API 来实现请求,这意味着需要使用 Promise 作为返回值,并无法支持底层的拦截器、取消等功能。
安装与使用
安装
通过 npm 进行安装:
npm install tiny-axios
使用
发送 GET 请求
import tinyAxios from 'tiny-axios'; tinyAxios.get('/api/data').then(response => { console.log(response.data); }).catch(error => { console.error(error); });
带参数的 GET 请求
-- -------------------- ---- ------- ------ --------- ---- ------------- ----- ------ - - ------ --- ------- - -- -------------------------- - ------ ---------------- -- - --------------------------- -------------- -- - --------------------- ---
发送 POST 请求
-- -------------------- ---- ------- ------ --------- ---- ------------- ----- ---- - - ----- ----- ---- -- -- --------------------------- ------------------- -- - --------------------------- -------------- -- - --------------------- ---
带 header 的请求
-- -------------------- ---- ------- ------ --------- ---- ------------- ----- ------- - - --------------- ----------------------------------- -- --------------------------- ----- - ------- ---------------- -- - --------------------------- -------------- -- - --------------------- ---
总结
tiny-axios 提供了一个简单轻量的 HTTP 请求 API ,它可以用来替代复杂或庞大的 axios 库。在一些简单的项目或请求需求下,tiny-axios 可以更方便地满足我们的需求。需要注意的是,tiny-axios 并不具备完整的 axios 功能,但它足以覆盖大多数使用情境。
推荐阅读
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600673e1fb81d47349e53d5e