一个基于 axios 封装的类支持 TypeScript，支持 get、post、put、patch、delete、head、options、downloadSteam 方法并添加了几个回调函数 。
before：在发送请求之前修改请求配置（拦截器）。after：在成功响应后对响应数据进行处理（拦截器）。error：在出现错误时进行处理（回调）。finally：在请求结束时进行一些额外的处理（回调）。
以上拦截器跟回调都是可选支持无限链式的。
downloadSteam不会触发拦截器，它没有用回初始化后的实例。您需要重新传入配置项。
npm install @p2k0/request -Syarn add @p2k0/request -Spnpm add @p2k0/request -Simport Request from '@p2k0/request';
const request = new Request({
timeout: 5000
})
.before((config) => {
config.headers["Authorization"] = "Bearer xxxxxx";
return config;
})
.before((config) => {
config.custom = "custom";
return config;
})
.after((res) => {
res.custom = "我自定义咯";
return res;
})
.after((res) => {
res.a = "ccc";
return res;
})
.error((err) => {
console.log(err);
})
.finally((err, res) => {
console.log("final", err, res);
});request.get<{ data: string }>("/endpoint").then(res => {
console.log(res.data); // 输出响应数据
});request.post<{ message: string }>("/endpoint", { data: "example" }).then(res => {
console.log(res.message); // 输出响应消息
});request.put<{ success: boolean }>("/endpoint/123", { data: "example" }).then(res => {
console.log(res.success); // 输出 PUT 方法是否成功
});request.patch<{ updated: boolean }>("/endpoint/456", { data: "example" }).then(res => {
console.log(res.updated); // 输出 PATCH 方法是否成功
});request.delete<{ deleted: boolean }>("/endpoint/789").then(res => {
console.log(res.deleted); // 输出 DELETE 方法是否成功
});request.head("/endpoint").then(res => {
console.log(res.headers); // 输出响应头信息
});request.options<{ allowedMethods: string[] }>("/endpoint").then(res => {
console.log(res.allowedMethods); // 输出该端点允许的 HTTP 方法列表
});// 浏览器环境
request.downloadSteam({
url: 'https://jsonplaceholder.typicode.com/posts',
filename: 'posts.json'
})
.then(() => console.log('下载成功'))
// Node.js 环境
request.downloadSteam({
url: 'https://jsonplaceholder.typicode.com/posts',
filename: 'posts.json',
filePath: 'xxx/a/b/'
})
.then(() => console.log('下载成功'))request.post({
url: "/api/login",
data: {
username: "test",
password: "test123"
},
cancelable: true // 开启取消重复请求的功能
});
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent