当我从 angular 调用 api 时，如何将 api 键放在后面

Question

在我当前的 Agular 应用程序中，我向后端发送请求，我需要添加 api 密钥，如下所示：

         let header = new HttpHeaders()
        header = header.append("api-key","jkhjkh") 
        this.http.get(`https://api/${"EUR"}+${"SEK"}`,{headers:header}).subscribe(s=>{....

问题是我将 api 密钥暴露给用户，它显示在浏览器上不安全，我在谷歌上搜索，发现他们说你必须把 api 密钥放在后端，如果我这样做我怎么打电话那么？请帮我举个例子或建议

Answer 1

您需要将 API 密钥远离 Angular 前端。 如果您有一个 dotnet 核心后端，请在此处创建一个 controller 来包装您对 API 的调用（例如HttpClient ）并返回响应。

Angular <-> backend <-> API 
                    key

代替

Angular <-> API 
        key