@kodesign/ko-request
v1.3.5
Published
基于axios和fetch封装的request工具,添加有拦截器,方便快速配置使用
Downloads
1
Readme
ko-requset
基于axios和fetch封装的request工具,方便设置拦截器,配合swagger可以方便快速配置使用
Install
yarn add @kodesign/ko-requset
npm install @kodesign/ko-request
Axios Usage
| 参数名 | 描述 | 类型 |是否必须
| -- | -------------- | ---- | ---------- |
| beforeRequset | 发起请求前的回调 |url => null |false|
|initConfig| 初始化配置 | Object |false|
|reqIntercept| request拦截器 |(config) => config |false|
|resIntercept| response拦截器 |(res) => Promise |false|
import { Axios } from '@dtux/ko-request';
const http = new Fetch({
initConfig: {
baseURL: '',
headers: {}
},
beforeRequset: (url) => {
},
reqIntercept: (config, url) => {
// reqeset Intercept在这里添加loading、 配置token
return config
},
resIntercept: (res, url) => {
// response Intercept在这里关闭loading
return Promise.resolve(res);
}
});
Fetch Usage
|参数名| 描述| 类型|是否必须| | :--| :----------: | :-----: | ---------: | | baseURL | 接口地址 |String |false| |initConfig| 初始化配置 | Object |false| |reqIntercept| request拦截器 |(config, url) => config |false| |resIntercept| response拦截器 |(res, url) => Promise |false|
import { Fetch } from '@dtux/ko-request';
const http = new Fetch({
baseURL: '',
initConfig: {
headers: {
'Content-Type': 'application/json'
}
},
reqIntercept: (config, url) => {
// 配置token
config.headers.Token = sessionStorage.getItem('token')
在这里添加loading、
return config
},
resIntercept: (res, url) => {
// response Intercept在这里关闭loading
return Promise.resolve(res);
}
});
const res = await http.get('/users')