javascript - 努力使用 Next.js 和 Snipcart 返回成功的 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()

所以我看到的是两件事：

1. 标头不是“内容类型”而是“接受”
2. 授权标头中缺少空格。不确定这是否与模板字符串相关。