如何在 URQL 中确定数据是从缓存还是服务器返回答案

【问题标题】：How to determine in URQL if data is returned from cache or server如何在 URQL 中确定数据是从缓存还是服务器返回
【发布时间】：2021-11-05 12:07:33
【问题描述】：

例如，我有：

query {
  authors {
     id
     name
     twitterHandler
   }
 }

还有：

query {
  posts {
    id
    author {
      id
      name
      twitterHandler
    }
   body
   title
  }
}

我按顺序和同步地执行这些请求。我的问题是，URQL 会从缓存中获取帖子的作者实体吗？如果是，如何确定？控制台或 devtools 上是否有任何日志显示：“这部分是我从缓存中获得的”？

附：我正在使用图形缓存

【问题讨论】：

缓存的响应通常会设置 http 标头来标记 x-gg-cache-status: HIT 等信息。

标签： reactjs graphql urql

【解决方案1】：

假设这是您的查询；

 const [result] = useQuery({
    query: <QUERY-NAME>,
    variables: {
      <VARIABLES>,
    },
  })

通过检查以下属性路径：

result.operation.context你会看到下面是你要找的信息。

我想知道这个的用例是什么？

{
  "url": "/path/to/graphql",
  "preferGetMethod": false,
  "requestPolicy": "network-only",
  "suspense": false,
  "meta": {
    "cacheOutcome": "miss" <- HERE
  }
}

【讨论】：