介绍
toget 是一个基于 Promise 实现的 HTTP 请求库,封装了 axios 和 fetch,具有以下特点:
- 轻量级(压缩后只有 3KB)
- 支持请求拦截器、响应拦截器、错误处理机制
- 使用简单,API 设计类似 axios,易于上手
- 支持 TypeScript
安装
安装 toget 可以通过 npm 包管理器进行安装,也可以直接下载使用,下面是两种安装方式.
方式一(npm 安装)
npm install toget
方式二(直接下载)
在 GitHub 页面右侧的 releases 中下载最新版本的 toget,解压后将 dist/toget.min.js 复制到项目中,然后在 HTML 中引用即可。
<!-- 在 head 中引入 --> <head> <script src="toget.min.js"></script> </head>
使用
- 最简单的 get 请求
toget.get('/api/user') .then(response => { console.log('请求成功!', response.data); }) .catch(error => { console.log('请求失败!', error); });
- get 请求带参数
toget.get('/api/user', { params: { name: '张三', age: 18 } }) .then(response => { console.log('请求成功!', response.data); }) .catch(error => { console.log('请求失败!', error); });
- post 请求带参数
toget.post('/api/user', { name: '张三', age: 18 }) .then(response => { console.log('请求成功!', response.data); }) .catch(error => { console.log('请求失败!', error); });
- 请求拦截器和响应拦截器
-- -------------------- ---- ------- -- ----- ------------------------------------- -- - -------------------- -------- -- ------ ----- - ------ ------- --- -- ----- -------------------------------- -------- -- - -------------------- ---------- ------ --------- -- ----- -- - -------------------- ------- ------ ---------------------- - -- ---------------------- -------------- -- - -------------------- --------------- -- ------------ -- - -------------------- ------- ---
结语
toget 是一个小巧而实用的 HTTP 请求库,API 简单易用,功能齐全,是前端开发不可或缺的工具之一。既可以满足简单的请求需求,也可以自定义复杂的拦截器和错误处理机制,推荐给前端开发者使用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600562ba81e8991b448dffb6