Apollo Client中useQuery持续触发网络请求问题排查

核心原因：查询缓存校验与单例Cart的字段匹配冲突 #

你的问题本质是Apollo Client在校验查询缓存时，发现引用的单例Cart对象缺少查询所需的字段，或缓存配置与业务逻辑矛盾，导致每次触发网络请求。

具体问题点： #

1. 缓存配置与业务逻辑矛盾
   你的查询GetCartByToken通过token参数获取购物车，但将Cart类型配置为单例（keyFields: []）——这意味着所有token对应的购物车都会共享同一个缓存条目Cart:{}。如果业务中不同token应对应不同购物车，这个配置会让缓存无法区分不同实例，Apollo每次查询都会因缓存不匹配重新请求。

2. 缓存中Cart对象字段不完整
   即使业务上是单例购物车，Apollo Client会检查Cart:{}是否包含当前useQuery请求的所有字段：
   第一次请求后，缓存的getCartByTokenQuery({token: 'one'})仅引用Cart:{}，但如果Cart:{}未存储查询需要的全部字段（比如查询请求了items、totalPrice，但缓存里的Cart只有部分字段），Apollo会判定缓存不完整，发起请求补全数据。

3. 查询缓存的有效性校验机制
   Apollo Client默认fetchPolicy为cache-first，但会验证查询关联的缓存对象是否完整。当引用的Cart:{}字段不全时，会自动发起请求，而非直接返回缓存数据。

修正方案： #

• 若不同token对应不同购物车：移除Cart的keyFields: []配置，改用购物车唯一标识（如id）作为缓存key，确保不同实例独立存储：

  const cache = new InMemoryCache({
    typePolicies: {
      Cart: {
        keyFields: ['id'] // 用Cart的唯一ID作为缓存key
      }
    }
  });
  

• 若确实是单例购物车：
  1. 通过Apollo DevTools检查Cart:{}的字段，确保查询返回的所有字段都已写入缓存；
  2. 可显式设置fetchPolicy: 'cache-only'（仅适合缓存始终完整的场景）：

     const { loading, data, error } = useQuery(GetCartByTokenDocument, {
       variables: { token: 'one' },
       fetchPolicy: 'cache-only'
     });
     

内容的提问来源于stack exchange，提问作者Tim Scott