如何为AWS Amplify NextJs应用程序添加环境变量?

fkaflof6  于 2023-04-11  发布在  其他
关注(0)|答案(1)|浏览(126)

我尝试在我的nextjs前端中使用aws amplify托管env变量。在前端中访问env变量的方式如下:

process.env.NEXT_PUBLIC_SOME_KEY

当然,一旦构建,它就无法工作,因为它没有在aws amplify中配置。我在环境变量下添加了变量,如下所示:

到目前为止一切都很好,但是我仍然需要按照文档将其添加到我的构建脚本中,如下所示:

,所以我这样做了,但当然我得到了一个错误:

那么如何通过aws amplify在我的nextjs应用程序中同时添加前端和后端env变量呢?

brccelvz

brccelvz1#

好吧,经过一点尝试和错误,这是相当简单和愚蠢的,从我的一部分。
1.在“后端”文件夹中
1.调用.env而不是.env.local(nextjs命名约定),因此文档调用添加backend/.env。相反,我所要做的就是添加1行

  • echo“NEXT_PUBLIC_SOME_API_KEY=$NEXT_PUBLIC_SOME_API_KEY”〉〉.env.local
    注意,这是针对公共环境变量的,但我在后端构建中添加了它,因为这就是nextjs的工作方式。所以我假设这也适用于后端环境变量,你会把变量放在你的nextjs API中!

相关问题