当前位置: 首页 > 知识库问答 >
问题:

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

陶富
2023-03-14

我正在尝试将Google Maps添加到我的MERN Stack应用程序中。根据一些消息来源,我发现在create-react-app中添加.env文件并不能解决隐藏API_Keys(https://create-react-app.dev/docs/adding-custom-environment-variables/)的目的。如何将API_KEYS存储在后端(node.js)中并从React-App访问它。请找到下面的链接,以检查我的文件结构。

共有1个答案

李明贤
2023-03-14

你的问题有点不清楚。

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

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

此外,请查看此答案以获取更多信息。

 类似资料:
  • 我需要帮助在类别上发布多个数据,当我在选择输入上选择多个数据并提交时,它会抛出错误。请参阅下面的错误 下面是模型模式。模型 这是我的路线文件。路线 当我在输入选择上选择多个时,这是我提交时的错误。 但当我只选择一个时,它就会通过。我只能保存一个在五月类别字段,我想保存多个在我的类别字段。

  • 节目视图:截图 这是一个MERN项目: 我正在开发一个web应用程序,可以对公司模型进行用户CRUD操作。 我已经执行了Get-Add-Delete操作,但我对更新操作感到困惑。 我想使用我的CompanyModal(它是一个用于添加公司的引导模式)组件模式来编辑公司。 你能给点提示或建议做这件事吗?其实我脑子一片空白。

  • 问题内容: 是否有隐藏光标的方法(除了使用透明图像作为光标以外)? 问题答案: 似乎该类没有开始的“空白”游标,因此可以使用该方法定义一个新的“空白”游标。 这是我尝试过的一种可行的方法: 编辑 关于结尾处没有游标的所有注释,似乎包含在中的s 最终将继承容器的游标(),因此如果要求一定要让游标出现,则必须手动设置所需的光标。 例如,如果中包含,则可以使用方法将其光标设置为系统的默认值:

  • 我正试图找到一种方法来更新我的“用户”状态,但我在这里已经停留了3天,我需要一些帮助。 下面是我的用户上下文: 这里是我试图更新用户的地方。在我的例子中,我试图在user.cart数组中推送一个对象,因为后端的一切都很好,但在前端,状态不更新: > 首先使用UserContext: const Products=()=>{ 然后我试图更新用户状态,但当我单击该按钮时,它将我注销: 将我注销后,Us

  • 我在努力使用我的应用程序。它应该像下面这样工作。

  • 我想知道如何在Android应用程序中隐藏导航栏? 起初我知道如何隐藏它,但一旦我触摸屏幕,它就会弹出。我想把它隐藏起来,就像《部落冲突》这样的游戏把它隐藏起来一样,唯一让它弹出的方法是向下滑动通知或者滑动导航栏应该在的地方。