Skip to content

请求

自动取消请求

模板会自动的搜集所有的 axios 请求,并且在识别到重复请求的时候自动取消重复请求。并且在路由更新前的时候,会自动取消当前页面的所有请求。如果你并不希望该请求被取消,你可以手动的配置 cancelConfig.cancel 属性为 false

提示

取消器在每次取消请求的时候会自动有一个 Error 输出在控制台,但是他并不会影响你的请求方法,因为取消器仅会取消重复请求,所以当你的请求重复时,就会被自动取消上一个重复请求。

请求返回值 ts 类型声明

不论是 request 方法,又或者是 useRequest 方法,都可以手动的传递类型为请求响应值批注类型。useHookPlusRequest 方法会自动的推导返回值类型,一般来讲不需要手动的批注。

ts
import { useRequest, useHookPlusRequest, request } from '@/axios'

interface Person {
  name: string
  address: string
  age: number
}

request<Person>({
  url: 'http:xxxx',
  method: 'get',
})

useRequest<Person>({
  url: 'http:xxxx',
  method: 'get',
})

Released under the MIT License.