简介
api-piki 是一款可通过 npm 下载使用的前端 API 请求工具。它支持异步请求，可以轻松地完成各种 RESTful API 的数据请求操作。
安装
在使用 api-piki 之前，你需要先在你的项目中安装该包。可以使用以下命令完成安装：
npm install api-piki
使用方法
引入
在你的项目中引入 api-piki 包：
import ApiPiki from 'api-piki';
定义 API
使用 ApiPiki 构造函数定义一个 API，其中第一个参数为 API 请求地址：
const api = new ApiPiki('/api/user');发起请求
发起 GET 请求
api.get('/get-user', {
id: 123
}).then((res) => {
console.log(res.data);
}).catch((err) => {
console.error(err.message);
});发起 POST 请求
api.post('/add-user', {
name: '张三',
age: 20
}).then((res) => {
console.log(res.data);
}).catch((err) => {
console.error(err.message);
});发起 PUT 请求
-- -------------------- ---- ------- ----------------------- - --- ---- ----- ----- ---- -- ------------- -- - ---------------------- -------------- -- - --------------------------- ---
发起 DELETE 请求
api.delete('/delete-user', {
id: 123
}).then((res) => {
console.log(res.data);
}).catch((err) => {
console.error(err.message);
});添加拦截器
除了可以通过 then 和 catch 处理请求响应，还可以使用拦截器来对请求和响应做统一处理：
-- -------------------- ---- ------- -- ------- ------------------------------------- -- - -- ----- ----- ------------------------------- - ------- - - ------------------------------ ------ ------- -- ----- -- - ------ -------------------- --- -- ------- ----------------------------------- -- - -- -------- ------ ---- -- ----- -- - ------ -------------------- ---
实例代码
以下是一个完整的示例代码，帮助你更好地了解 api-piki 的使用方法：
-- -------------------- ---- ------- ------ ------- ---- ----------- ----- --- - --- --------------------- -- ------- ------------------------------------- -- - -- ----- ----- ------------------------------- - ------- - - ------------------------------ ------ ------- -- ----- -- - ------ -------------------- --- -- ------- ----------------------------------- -- - -- -------- ------ ---- -- ----- -- - ------ -------------------- --- -- -- --- -- -------------------- - --- --- ------------- -- - ---------------------- -------------- -- - --------------------------- --- -- -- ---- -- --------------------- - ----- ----- ---- -- ------------- -- - ---------------------- -------------- -- - --------------------------- --- -- -- --- -- ----------------------- - --- ---- ----- ----- ---- -- ------------- -- - ---------------------- -------------- -- - --------------------------- --- -- -- ------ -- -------------------------- - --- --- ------------- -- - ---------------------- -------------- -- - --------------------------- ---
结语
api-piki 是一款非常方便的 API 请求工具，具有灵活且易于使用的特点。在实际项目中，可以帮助我们更快速地完成前端数据请求操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005596081e8991b448d6d18