结果缺少分析属性

问题描述 投票:0回答:0
    apollo: {
        analytics: gql `
            query getAnalyticsViews {
                viewer {
                    zones(filter: { zoneTag: "tag" }) {
                        httpRequestsAdaptiveGroups(
                            filter: {
                                clientRequestHTTPHost: "domain.co.uk"
                                date_geq: "2023-01-01"
                                date_leq: "2023-01-24"
                                requestSource: "eyeball"
                            }
                            limit: 1
                        ) {
                            sum {
                            visits
                            edgeResponseBytes
                            }
                        }
                    }
                }
            }
        `
    }

以上是我的 Apollo GraphQL 查询,它在 Altair 中运行良好并返回以下内容:

{
  "data": {
    "viewer": {
      "zones": [
        {
          "httpRequestsAdaptiveGroups": [
            {
              "sum": {
                "edgeResponseBytes": 4542764000,
                "visits": 1200
              }
            }
          ]
        }
      ]
    }
  },
  "errors": null
}

这是我试图访问总和的视图组件,访问:

    <div v-if="analytics">
        {{ analytics.viewer.zones[0].httpRequestsAdaptiveGroups[0].sum.visits }}
    </div>

在控制台中,我可以在我复制的所述结构下看到我需要的数据:

analytics.viewer.zones[0].httpRequestsAdaptiveGroups[0].sum.visits

但我收到如下所示的错误:

Missing analytics attribute on result

不知道为什么这不起作用,我试过有条件地加载它,但没有帮助,正如我在数据总和上面所说的那样,访问在控制台中(见图),但不在组件中:(

graphql nuxt.js vue-apollo nuxtjs2
© www.soinside.com 2019 - 2024. All rights reserved.