在 Apollo Nuxt 中，如何在方法中访问非默认客户端？

debugcn 发表于 Dev

德鲁贝克

我在 Nuxt 应用程序中使用 Apollo。我正在尝试在一种方法中使用我的非默认客户端 (Shopify)。理想情况下是这样的：

在我的nuxt.config.jsApollo 设置中，我是这样的：

apollo: {
    clientConfigs: {
        default: {
            httpEndpoint:
                "http://example.com",
            tokenName: "apollo-token",
            persisting: false,
            websocketsOnly: false
        },
        shopify: {
            httpEndpoint:
                "http://example.shopify.com",
            tokenName: "apollo-token"
            ... etc...
        }
    }
}

然后在我的组件中，我有这个方法：

methods: {
        createCheckout() {
            this.$apollo.getClient("shopify")
                .mutate({
                    mutation: this.checkoutQuery,
                    variables: {
                        variantId: this.selectedProduct.variantId,
                        quantity: this.selectedProduct.quantity
                    }
                })
        }
}}

这不起作用，因为getClient()只返回默认客户端（在本例中为 WordPress）。那么如何在方法中访问其他客户端呢？

德鲁贝克

弄清楚了！答案是这样的：

methods: {
        createCheckout() {
            this.$apollo.provider.clients.shopify
                .mutate({
                    mutation: this.checkoutQuery,
                    variables: {
                        variantId: this.selectedProduct.variantId,
                        quantity: this.selectedProduct.quantity
                    }
                })
        }
}}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。