如何解决API密钥在请求URL上可见的问题？

Question

我已将 API 密钥隐藏在 React 应用程序的 .env 文件中。我通过 process.env 使用它。但是，当我转到 google chrome 开发人员工具中的网络选项卡并检查那里的请求时，我可以看到请求 URL 中存在我的 API 密钥。因此我的 API 密钥不安全。任何人都可以获得我的 API 密钥。我怎样才能从那个地方隐藏我的 API？

Answer 1

无法在客户端隐藏密钥。

我的建议：

1. 从后端执行此调用，并将其公开给前端
2. 添加 API HTTP 引荐来源网址限制。只有来自您的域的请求才会在 (1) 中进行调用