NextJS 和 Cloudinary 问题

Question

我的控制台出现这个问题：

结果{错误：{消息：'未知的api_key'}}

发生这种情况是因为我正在尝试从我的 Cloudinary 帐户获取图像，我已经验证了我的云名称、api 密钥、api 秘密。

问题发生在我的这部分代码中：

     export async function getStaticProps() {
     const results = await     fetch(`https://api.cloudinary.com/v1_1/${process.env.CLOUDINARY_CLOUD_NAME}/resources/image`, {
    headers: {
      Authorization: `Basic ${Buffer.from(process.env.NEXT_CLOUDINARY_API_KEY + ':' + process.env.CLOUDINARY_API_SECRET).toString('base64')}`
    }
  }).then(r => r.json());

  console.log('results', results);
  return {
    props: {

    }
  }
}

这是我的.env.local

CLOUDINARY_CLOUD_NAME="mycloudinary"
CLOUDINARY_API_KEY="mykey"
CLOUDINARY_API_SECRET="mysecret"

如果有人可以帮助我！！

Answer 1

这里好像有错别字。您正在使用 NEXT_CLOUDINARY_API_KEY 而不是 CLOUDINARY_API_KEY，这是在 .env.local 文件中指定的变量名称。

将 NEXT_CLOUDINARY_API_KEY 替换为 CLOUDINARY_API_KEY。

Authorization: `Basic ${Buffer.from(process.env.CLOUDINARY_API_KEY + ':' + process.env.CLOUDINARY_API_SECRET).toString('base64')}`