跳到主要内容

轻量级请求策略库

一行代码完成各种复杂场景的网络请求,别再花时间在请求这件小事上了,交给我们

npm install alova

高性能请求策略

10+个可直接使用的请求策略模块,选择你想要的使用就好了,还能减小请求带来的性能问题

简单熟悉

与axios相似的api设计,让您上手更简单熟悉

请求级缓存

提供内存模式、持久化模式等多种服务端数据缓存模式,提升用户体验,同时降低服务端压力

轻量级

4kb+,只有axios的30%

alova和请求库的关系

传统promise式的请求库很好地解决了请求发送的问题,只是...它们只是单纯的请求发送工具

alova像它们的武器装备,通过alova可以获得更强大的能力,不管您喜欢使用axios、superagent,还是浏览器的fetch-api,alova都可以完美兼容

以声明的方式完成你的请求

选择你想要使用的请求模块就好了,节省大量时间,还能让你的应用更加流畅

  • 基础请求
  • 状态变化请求
  • 预加载数据
  • 分页请求策略
  • Token身份认证
  • 无感数据交互策略
  • 表单提交策略
  • 自动拉取数据
  • 文件上传策略
  • 发送验证码
  • 跨组件请求策略
  • 请求重试策略
  • SSE

基础请求

使用useRequest请求数据,它将自动维护当前请求的相关状态

与axios相似的用法
自动维护相关的状态
响应数据缓存
共享同时发起的相同请求
查看详情
const todoDetail = alova.Get('/todo', {
params: {
id: 1
}
});
const {
loading, data, error,
onSuccess, onError, onComplete,
send, abort, update
} = useRequest(todoDetail);
查看详情

与任何请求工具在任何JS环境下运行

use hooks起源于functional component, 但alova创新性地将它兼容了options和class风格的UI框架,这意味着alova的use hooks几乎不受JS环境和UI框架限制,并且可以与你熟悉的请求工具一起使用

感谢有你们

alova贡献者们的智慧和力量,正在让alova变得越来越完美