我想知道如何在React中设置环境变量来隐藏我的API密钥?
我在Netlify上托管该应用程序,因此不确定是否重要。我能够在开发中成功完成此操作,但是当它投入生产时,api密钥将变为未定义。
在我的.env文件中,当我有:
REACT_APP_API_KEY="my_api_key_etc"
在我的app.js中,我有:
const apiKey = process.env.REACT_APP_API_KEY
当我console.log(apiKey)
在开发中(npm start
)时:它可以很好地显示我的api,但是在生产模式下(npm run build):则显示未定义。
我已经尝试创建另外两个文件,例如.env.development
和.env.production
,但是仍然行不通。
另外,我确保.env
文件不在src文件夹中。
你们认为与Netlify有关吗?
提前致谢!
理想情况下,您应该在仪表板中设置这些变量。转到您的项目设置,并在环境中添加此变量以及任何其他变量:
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句