Javascript JS/GraphQL视图-BigCommerce主SKU

使用手柄条将BigCommerce的主SKU输出到前端视图的最佳方式是什么

我使用过GraphQL，但响应太慢，无法使用，因为它确实需要能够在渲染时输出的东西。任何想法都将不胜感激

GraphQL代码

        <script type="text/javascript">
            fetch('/graphql', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'Authorization': 'Bearer {{ settings.storefront_api.token }}'
                },
                body: JSON.stringify({query: `
                    query {
                        site {
                            product(entityId: {{ product.id }}) {
                                sku
                            }
                        }
                    }
                `})
            }).then(function(response) {
                return response.json();
            }).then(function(response) {
                console.log(response.data.site.product.sku);
            });
        </script>

获取（“/graphql”{
方法：“POST”，
标题：{
“内容类型”：“应用程序/json”，
'Authorization'：'Bearer{{settings.storefront_api.token}}'
},
body:JSON.stringify（{query:`
质疑{
场地{
产品（entityId:{{product.id}}）{
sku
}
}
}
`})
}).然后（功能（响应）{
返回response.json（）；
}).然后（功能（响应）{
日志（response.data.site.product.sku）；
});

如果您在产品页面上：

{{product.sku}}

如果您在类别页面上：

{{#each products}}
   {{sku}
{{/each}}

您可以调试每个页面可用的上下文，以了解Stencil CLI中可用的数据：

---

如果您在产品页面上：

{{product.sku}}

如果您在类别页面上：

{{#each products}}
   {{sku}
{{/each}}

您可以调试每个页面可用的上下文，以了解Stencil CLI中可用的数据：

---

HB？作为ajax？要更新吗。。。那些日子？？？使用无头（BE/API作为数据源），前端更加独立-使用现代FE。。。反应或预渲染gatsbyHB？作为ajax？要更新吗。。。那些日子？？？使用无头（BE/API作为数据源），前端更加独立-使用现代FE。。。反应或预先渲染盖茨比