solo-request

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

初始化实例 API

参数	描述	类型	是否必填	默认值
request	实例 request 拦截器	(req: AxiosRequestConfig) => AxiosRequestConfig	否	--
response	实例 response 拦截器	(req: AxiosResponse) => AxiosResponse	否	--

demo

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
  }
)

GET API

参数	描述	类型	是否必填	默认值
url	请求的地址	string	是	--
data	请求的数据	object	否	--
config	请求的配置信息	object	否	--

demo

import { get } from 'solo-request';

async function getData() {
  try {
    const res = await get('api-url', { query: 'keyword' }, {})
    ....
  } catch(error){}
}

POST API

参数	描述	类型	是否必填	默认值
url	请求的地址	string	是	--
data	请求的数据	object	否	--
config	请求的配置信息	object	否	--

demo

import { psot } from 'solo-request';

async function getData() {
  try {
    const res = await psot('api-url', { name: 'name' }, {})
    ....
  } catch(error){}
}

useAxios API

基于 ahooks useRequest 封装的参数请求 在 hooks 中使用 使用方法参照useRequest

参数	描述	类型	是否必填	默认值
url	请求的地址	string	是	--
service	useRequest server	(...args: TParams) => Promise<TData>	是	--
options	useRequest options	object	否	--

demo

import { psot } from 'solo-request';

const { runAsync } =  useAxios('/getDemo', () => ({
  method: 'psot',
  payload: { name: '' },
  }), {
  manual: true,
    formatResult: (res) => {
      return res
    },
    onSuccess: (res) => {
	   ...
    }
 })