如何使用 env 在 Vercel 上部署 Headless CMS(Shopify)：包含产品的页面未显示在生产中

Question

我的产品所在的页面未在生产中显示，但在本地显示。

在 Shopify 上编辑产品后，我实际上在本地遇到了类似的 cookie 问题，它阻止产品在本地显示，直到我删除 cookie。

我在使用 Vercel 部署时遇到了同样的问题，但我不知道它到底是什么。

我相信我通过在 vercel 上使用前缀“NEXT_PUBLIC”正确设置了环境变量。

下面是 vercel 中的环境变量。使用“NEXT_PUBLIC”前缀。

下图是我的 _app.tsx，带有一个上下文组件 ShopProvider。

这就是我如何使用 process.env.SHOPIFY_DOMAIN 和 process.env.SHOPIFY_ACCESS_TOKEN