Skip to content

Latest commit

 

History

History
77 lines (62 loc) · 2.27 KB

README.zh.md

File metadata and controls

77 lines (62 loc) · 2.27 KB

Axios-Cache-Helper

English | 简体中文


重复请求优化-基于axios的缓存策略,处理重复请求,原则上是对并发的相同请求进行缓存,只会有一次请求,其他请求直接返回结果,减少服务器压力,减少不必要的请求,提高性能。

安装

pnpm install axios-cache-helper

使用

  • useOptimizationCache 是初始化配置方法,不调用、不传值时使用默认配置
  • ignoreRequest 忽略的请求地址,不进行缓存处理,支持字符串或者正则例如/getOrder/
  • throttlingTime 重复请求间隔时间,默认200ms

导入方式1(在同一个文件时使用)

import { useOptimizationCache } from 'axios-cache-helper';

const {
  optimizationCacheErrorsRes,
  optimizationCacheReq,
  optimizationCacheSuccessRes,
} = useOptimizationCache();
// 或者
const {
  optimizationCacheErrorsRes,
  optimizationCacheReq,
  optimizationCacheSuccessRes,
} = useOptimizationCache({
  throttlingTime: 200,
  ignoreRequest: [/getOrder/, '/getorder/search'],
});

导入方式2(在不同文件时可分别直接从库中导入)

import {
  optimizationCacheErrorsRes,
  optimizationCacheReq,
  optimizationCacheSuccessRes,
  useOptimizationCache,
} from 'axios-cache-helper';

useOptimizationCache();
// 或者
useOptimizationCache({ throttlingTime: 200, ignoreRequest: [] });

调用

// 请求拦截器中 config axios请求配置
await optimizationCacheReq(config);

// 响应拦截器中 成功 response axios响应配置
optimizationCacheSuccessRes(response);
// 响应拦截器中 失败 response axios响应配置
optimizationCacheErrorsRes(error);