在前端动态设置api键

Question

有什么方法可以在前端设置api键的变量。我习惯在后端设置ENV变量，但前端有类似的东西吗？

Answer 1

我假设你问是否可以在客户端，即在JavaScript中设置API密钥。你在某些情况下可能可以，但在我看来你不应该。

就其本质而言，您发送到客户端进行处理的数据（例如JavaScript，HTML和CSS）可以（并且必须为）由该浏览器读取。为了设置API密钥并从客户端向API发送请求（假设您已经在解决same-origin policy问题），您必须通过网络发送该API密钥并允许浏览器读取它 - 这很糟糕。

API密钥标识和验证您，并且如果陌生人得到它，可能会造成破坏性后果。我会保持它在服务器端，并从那里做你的API请求。