用 GraphQL 查询 Uniswap 获取 ETH 价格：解决空响应正文问题

2024-03-24 18:31:49

用 GraphQL 查询 Uniswap 获取 ETH 价格

作为 GraphQL 和 Uniswap 的初学者，你可能会面临一个常见问题：使用 Node.js 查询 ETH 价格时遇到 undefined 响应正文。本文将深入探讨导致这一问题的潜在原因，并提供一个逐步的解决方案，让你轻松获取 ETH 价格。

问题

当你使用以下代码向 Uniswap 发送查询时，响应正文始终为空：

const uniSwapResponse = await fetch("https://api.thegraph.com/subgraphs/name/uniswap/uniswap-v2", {
    method: "POST",
    headers: {
        "Content-Type": "application/json",
        Accept: "application/json",
    },
    body: JSON.stringify({ query: '{ bundle(id: "1" ) {ethPrice} }' })
});

console.log(uniSwapResponse.data);

解决方案

要解决这个问题，只需执行以下三个步骤：

1. 解析响应： fetch() 返回一个 Promise，该 Promise 解析为一个 Response 对象。为了访问响应的 JSON 数据，我们需要使用 .json() 方法对其进行解析。

2. 打印解析后的数据： 解析后，使用 console.log() 打印解析后的 JSON 数据，而不是 uniSwapResponse.data。

3. 更新代码： 更新后的代码如下所示：

fetch("https://api.thegraph.com/subgraphs/name/uniswap/uniswap-v2", {
    method: "POST",
    headers: {
        "Content-Type": "application/json",
        Accept: "application/json",
    },
    body: JSON.stringify({ query: '{ bundle(id: "1") {ethPrice} }' })
}).then(r => r.json())
  .then(data => console.log("ETH price:", data.data.bundle.ethPrice))