使用 Next.js 和 Snipcart 努力 return 成功 API 请求

Question

我是 snipcart 的新手，无法连接到您的 APi，我使用 Next.js，但在论坛或文档中找不到与我的问题相关的任何内容。当我使用 getServerSideProps 进行调用时，我得到这个 unhandledRejectionRequest 失败，状态代码为 404。似乎我没有被授权连接但是我把我的秘密 API 密钥放在文档中。这是我的代码：

const secret = Buffer.from(process.env.SNIPCART_API_ID).toString('base64');
    const url = 'https://api.snipcart.com/api/products';
    const config = {
        headers: {
            'Content-Type': 'application/json',
            Authorization: `Basic${secret}`,
        },
    };
    axios.get(url, config).then((result) => {
        console.log(result);
    }); ```


Help is welcome :grinning:
Thanks.

Answer 1

来自 API 文档：

const secret = "YOUR_SECRET_API_KEY"

const request = await fetch('https://app.snipcart.com/api/orders', {
    headers: {
        'Authorization': `Basic ${btoa(secret)}`,
        'Accept': 'application/json'
    }
})

const result = await request.json()

所以我看到的是两件事：

header 不是“content-type”而是“接受”
授权 Header 中缺少 space。不确定这是否与模板字符串相关。

使用 Next.js 和 Snipcart 努力 return 成功 API 请求

Struggling to return successful API requests with Next.js and Snipcart

javascript

snipcart

next.js