reactjs - 如何在独立应用程序（iframe 外部）中使用 shopify graphql？

Question

当我尝试在嵌入式应用程序中访问 Shopify Admin API Graphql 时，它工作正常。但是当我使我的应用程序独立时（在 iframe 之外。它将在新选项卡中打开。） Shopify Admin API Graphql 无法正常工作。它不返回任何结果。它只显示加载......在这里我附上了我的示例代码。

进口

import gql from 'graphql-tag';
import {Query} from 'react-apollo'

GraphQL 查询

const GET_ORDERS_DETAIL = gql`
 query orderDetails{
  orders(first: 10) {
    edges{
      node{
        name
        createdAt
        customer{
          displayName
        }
        displayFulfillmentStatus
        subtotalPriceSet{
          shopMoney {
            amount
          }
        }
        currentTaxLines {
          ratePercentage
        }
        totalTaxSet{
          shopMoney {
            amount
          }
        }
        totalPriceSet {
          shopMoney {
            amount
          }
        }
      }
    }
  }
}
`

零件

class Index extends React.Component{
    render(){
        return(
            <Query query={GET_ORDERS_DETAIL}>
              {({ data, loading, error }) => {
                if (loading) return <div>Loading…&lt;/div>;
                if (error) return <div>{error.message}</div>;
          
                console.log(data)
                return(
                  <div>Done</div>
                )
              }}
            </Query>
        )
    }
}

标签： reactjsgraphqlshopifyshopify-appshopify-api