如何使用 AWS Amplify 和 Next.js 创建生产环境变量

2023-12-31

我有一个 API 密钥,需要它来访问 API 端点。在我的 Next.js 应用程序中,我将此密钥存储在.env.local像这样:

API_KEY=qwerty123

我在我的getStaticProps与 process.env 一起使用的函数:

 const parkData = await fetch(
      `${URL}parks?parkCode=${params?.parkCode}&limit=465&api_key=${process.env.API_KEY}`,
      reqBody
    )

当我尝试在生产中运行此程序时,我收到一条错误消息,指出 API 密钥无效。我知道 API 是正确的,因为当我在本地运行该项目时,API 数据会加载。

    "code": "API_KEY_INVALID",
    "message": "Your API key is not valid. Please get a new one at https://www.nps.gov/subjects/developer/get-started.htm"

我的问题是我是否需要更改调用 API 密钥的方式getStaticProps生产构建的功能?

注意:我已确保将环境包含在 Amplify 控制台中。


环境变量不会传递到 Lambda 函数

出于某种原因,我不确定为什么自己仍然需要在 next.config.js 文件中添加环境。

module.exports = {
  env: {
    MY_ENV_VAR: process.env.MY_ENV_VAR
  }
};

丰富故障排除文档 https://docs.aws.amazon.com/amplify/latest/userguide/server-side-rendering-amplify.html#ssr-environment-variable-support

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 AWS Amplify 和 Next.js 创建生产环境变量 的相关文章

随机推荐