solo-request 基于axios和ahooks的useRequest封装的 react 请求库
solo-request 依赖 axios 和 ahooks的useRequest，使用前请先安装 3.0 版本以上的ahooks和axios
npm install solo-request
yarn add solo-request
pnpm install solo-request
| 参数 |
描述 |
类型 |
是否必填 |
默认值 |
| request |
实例 request 拦截器 |
(req: AxiosRequestConfig) => AxiosRequestConfig |
否 |
-- |
| response |
实例 response 拦截器 |
(req: AxiosResponse) => AxiosResponse |
否 |
-- |
import { initInstance } from 'solo-request'
initInstance()import { initInstance } from 'solo-request'
initInstance(
(request) => {
request.baseURL = 'http://127.0.0.1:80'
return request
},
(response) => {
return response.data
}
)
| 参数 |
描述 |
类型 |
是否必填 |
默认值 |
| url |
请求的地址 |
string |
是 |
-- |
| data |
请求的数据 |
object |
否 |
-- |
| config |
请求的配置信息 |
object |
否 |
-- |
import { get } from 'solo-request';
async function getData() {
try {
const res = await get('api-url', { query: 'keyword' }, {})
....
} catch(error){}
}
| 参数 |
描述 |
类型 |
是否必填 |
默认值 |
| url |
请求的地址 |
string |
是 |
-- |
| data |
请求的数据 |
object |
否 |
-- |
| config |
请求的配置信息 |
object |
否 |
-- |
import { psot } from 'solo-request';
async function getData() {
try {
const res = await psot('api-url', { name: 'name' }, {})
....
} catch(error){}
}基于 ahooks useRequest 封装的参数请求 在 hooks 中使用 使用方法参照useRequest
| 参数 |
描述 |
类型 |
是否必填 |
默认值 |
| url |
请求的地址 |
string |
是 |
-- |
| service |
useRequest server |
(...args: TParams) => Promise<TData> |
是 |
-- |
| options |
useRequest options
|
object |
否 |
-- |
import { psot } from 'solo-request';
const { runAsync } = useAxios('/getDemo', () => ({
method: 'psot',
payload: { name: '' },
}), {
manual: true,
formatResult: (res) => {
return res
},
onSuccess: (res) => {
...
}
}) 