@iel/axios-ext-cache

为 Axios 扩展缓存数据功能。

安装

1# 依赖 @iel/axios-ext localforage
2npm i @iel/axios-ext localforage @iel/axios-ext-cache -S

用法

1import { createAxios } from '@iel/axios-ext'
2import AxiosExtCachePlugin from '@iel/axios-ext-cache'
3import axios from 'axios'
4
5const http = createAxios(axios)
6
7http.$axiosExt.use(AxiosExtCachePlugin)
8
9// 响应成功时会缓存数据
10// 下次调用时若过期则重新请求
11// 可以设置 `forceUpdate` 强制更新缓存（即重新请求并缓存）
12http
13  .withCache({ expire: 10e3 })
14  .get('/demo/list')
15  .then((res) => {
16    console.log(res)
17  })
18
19// 手动清除缓存
20http.Cache.remove({ method: 'get', url: '/demo/list' })
21
22// 在销毁实例，清理本地缓存数据
23http.$axiosExt.destroy()