Redux API标签缓存失效：如何复用用户数据避免重复请求？

问题出在RTK Query默认按查询端点+参数独立存储缓存，即便两个查询提供了相同标签，也不会自动跨端点复用缓存。要实现调用getSingleUser时优先使用getUsers的缓存数据、无需重复请求，可按以下方式修改代码：

1. 重写getSingleUser查询逻辑，优先读取缓存 #

将getSingleUser的query替换为queryFn，手动访问Redux缓存，先从getUsers的结果里查找目标用户，找到就直接返回，找不到再发起接口请求：

getSingleUser: builder.query({
  queryFn: async (id, { queryFulfilled, getState }) => {
    // 从getUsers的缓存中查询已加载的用户列表
    const usersCache = apiSlice.endpoints.getUsers.select()(getState());
    if (usersCache.data) {
      const targetUser = usersCache.data.users.find(user => user._id === id);
      if (targetUser) {
        // 返回和接口一致的结构：{ user: 目标用户 }
        return { data: { user: targetUser } };
      }
    }
    // 缓存中没有目标用户，发起接口请求
    try {
      const { data } = await queryFulfilled({ query: `user/${id}` });
      return { data };
    } catch (error) {
      return { error };
    }
  },
  providesTags: (result, error, id) => {
    // 无论请求成功或失败，都标记对应用户的标签
    return [{ type: 'User', id: result?.user?._id || id }];
  }
}),

2. 完善标签关联（可选但推荐） #

原代码中getSingleUser在请求失败时未返回标签，会导致缓存关联不完整。上面的代码已修复这一点，确保无论请求结果如何，都能正确标记用户标签，保证后续缓存失效机制正常工作。

效果验证 #

修改后，先进入用户列表页加载完getUsers，再点击进入用户详情页时，getSingleUser会直接读取缓存中的用户数据，不会发起新请求；若用户直接进入详情页（未加载过列表），则会正常发起接口请求获取数据。

内容的提问来源于stack exchange，提问作者Mohammad Amin Kiaee