如何使用 sveltekit 检索 shopify 端点 api答案

【问题标题】：How to retrieve shopify endpoint api with sveltekit如何使用 sveltekit 检索 shopify 端点 api
【发布时间】：2022-01-22 08:13:20
【问题描述】：

我正在尝试从 SvelteKit 访问我的 Shopify API，因此我使用了 .env：

VITE_SHOPIFY_STOREFRONT_API_TOKEN = ""
VITE_SHOPIFY_API_ENDPOINT = ""

它允许我配置整个环境。

然后我使用：

export const postToShopify = async ({ query, variables }) => {
    try {
        // @ts-ignore
        const result = await fetch(import.meta.env.VITE_SHOPIFY_API_ENDPOINT, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-Shopify-Storefront-Access-Token': import.meta.env.VITE_SHOPIFY_STOREFRONT_API_TOKEN
            },
            body: JSON.stringify({ query, variables })
        }).then((res) => res.json());

        if (result.errors) {
            console.log({ errors: result.errors });
        } else if (!result || !result.data) {
            console.log({ result });
            return 'No results found.';
        }

        return result.data;
    } catch (error) {
        console.log(error);
    }
};

但我不知道如何输入"VITE_SHOPIFY_API_ENDPOINT = """。

【问题讨论】：

提问或回答时请使用正确的语法。 SO 不是一个讨论板，它更像是一本问题及其答案的百科全书，其中语法很重要。请参阅How to Ask 和“Priority of grammar, spelling and punctuation in questions”。

标签： shopify sveltekit

【解决方案1】：

尝试使用dotenv npm 包。

安装：npm install dotenv --save

导入：import 'dotenv/config'

使用：process.env.VITE_SHOPIFY_API_ENDPOINT

【讨论】：

请转至Stack Overflow tour。它会给你足够的声誉来使用 cmets。
您的答案可以通过提供一个正在使用的包的示例以及它如何为问题提供解决方案来改进。
@theTinMan 我不确定我是否理解 - 我参加了巡回演出，但没有获得任何声誉。
@Tyler2P — 我试图尽可能简洁，并展示如何导入和使用包的单行文字 — 我是回答问题的新手，请随时编辑我的回复我可以更清楚地看到你的意思。