Reactjs 如何在MERN堆栈应用程序中隐藏API键？

我正在尝试将Google地图添加到我的MERN Stack应用程序中。根据一些消息来源，我发现在createreact应用程序中添加.env文件并不能解决隐藏API_键（）的目的。如何将API_密钥存储在后端（Node.js）中并从react应用程序访问它。。

---

你的问题有点不清楚

在.env文件中设置自定义环境变量，可以防止意外地将API键推入代码，同时还允许您在本地工作时访问它们。永远不要将API密钥暴露在前端。 因此，您将它们存储在一个.env文件中，该文件被添加到.gitignore中

通常，建议从隐藏API键的后端点击API

---

还可以查看更多信息。

Hi@Sruthi，欢迎来到Stack Overflow。请您进一步解释为什么要在后端存储API_密钥？这将有助于给你一个可靠的建议。从create react应用程序的文档中，警告：不要在你的react应用程序中存储任何机密（如私有API密钥）！环境变量嵌入到构建中，这意味着任何人都可以通过检查应用程序的文件来查看它们。创建-react-app.dev/docs/adding-custom-environment-variables，以便在后端存储并隐藏API_密钥。希望这能帮助你更好地理解问题