如何在反应中使用 GraphQL 实现 Bitquery API

Question

I am going to implement Bitquery API that uses GraphQL in react. Anybody can help me as soon as possible?

I have tried like that.

const GET_COIN_INFO =
`
{
  ethereum(network: bsc) {
    dexTrades(
      options: {desc: ["block.height", "transaction.index"], limit: 1}
      exchangeAddress: {is: "0xcA143Ce32Fe78f1f7019d7d551a6402fC5350c73"}
      baseCurrency: {is: "0x2170ed0880ac9a755fd29b2688956bd959f933f8"}
      quoteCurrency: {is: "0xbb4cdb9cbd36b01bd1cbaebf2de08d9173bc095c"}
    ) 
    {
      block {
        height
        timestamp {
          time(format: "%Y-%m-%d %H:%M:%S") 
        }
      }
      transaction {
        index
      }
      baseCurrency {
        name
        symbol
        decimals
      }
      quotePrice
    }
  }
}
`; 

axios.post('https://graphql.bitquery.io', {
  query: GET_COIN_INFO,
  mode: 'cors',
  headers: {
    "Content-Type": "application/json",
    "X-API-KEY": "BQYl6g3oB7tToSNLRYRsb0jvWVLXiRqh",
    'Access-Control-Allow-Origin': '*'
     }    
  }).then(function (response) {
    response.status(200)
    response.header({
      'Access-Control-Allow-Origin': '*',
    });
    console.log(response);
  }).catch(function (error) {
     console.log(error);
   });
 }

I always get CORS error when post axios request. Please help me as soon as possible.

Answer 1

Access to XMLHttpRequest at 'https://graphql.bitquery.io/' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.