手动失效

通常，自动失效缓存更加简洁，并且推荐优先使用它来失效缓存，当自动失效缓存不满足需求时，你还可以通过调用invalidateCache来失效缓存。

失效单个缓存

在 invalidateCache 函数中传入一个 method 实例，它将查找此实例下的缓存进行失效。

在下面的例子中，当提交成功后，将使这条 todo 详情数据缓存失效。

// 获取 id 为 1 的 todo 详情数据
const getTodoDetail = id =>
  alovaInstance.Get(`/todo/${id}`, {
    cacheFor: 600 * 1000
  });
const { loading, data } = useRequest(getTodoDetail(1));

// 提交数据并让 id 为 1 的 todo 详情数据失效。
const {
  // ...
  send,
  onSuccess
} = useRequest(createTodoPoster, { immediate: false });

// 提交成功后失效缓存
onSuccess(() => {
  invalidateCache(getTodoDetail(1));
});

const handleSubmit = () => {
  send({
    title: 'new todo',
    content: 'new todo content'
  });
}；

失效多个缓存

你还可以传入 method 实例数组来失效多个缓存。

invalidateCache([method1, method2, ...]);

动态失效缓存

可能有时候你并不确定需要失效哪个缓存数据，我们可以使用 method 快照匹配器 来动态查找对应的 method 实例。以下例子展示了如何让名称为 todoList 的前 5 个 method 实例的缓存失效。

const getTodoList = currentPage => {
  return alovaInstance.Get('/todo/list', {
    // 先为method实例设置名称，用于在无法直接指定Method实例时，过滤出需要的Method实例
    name: 'todoList',
    params: {
      currentPage,
      pageSize: 10
    }
  });
};

const {
  // ...
  send,
  onSuccess
} = useRequest(createTodoPoster, { immediate: false });
// 提交成功后，固定使第一页的todo数据缓存失效
onSuccess(() => {
  // 失效名称为todoList的前5个Method实例的缓存
  const matchedMethods = alovaInstance.snapshots.match({
    name: 'todoList',
    filter: (method, index, ary) => {
      return index < 5;
    }
  });
  invalidateCache(matchedMethods);
});

更多 method 匹配器的使用方法见 method 快照匹配器

失效所有缓存

// 当不传任何参数时，失效所有响应缓存
invalidateCache();