angular - 如何使用 HTTP 拦截器在 Angular 应用程序中注入 API 密钥

Question

我的后端服务使用 Api 密钥作为身份验证类型，所以当我使用邮递员时，它给了我传递我的 Api 密钥的手，它工作正常。但是当我尝试使用 angular 做同样的事情时，我找不到传递我的 API Key 的位置。这是我的代码

 intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {[enter image description here][1]
    request = request.clone({
      setHeaders: {
        Authorization: // pass api key here 
      }
return next.handle(request);
    });

标签： angularapi-key

Answer 1

你能试试这个：

intercept(request: HttpRequest < any >, next: HttpHandler): Observable < HttpEvent < any >> {
    request = request.clone({
        headers: {
            Authorization: request.headers.set('Authorization', 'Bearer ' + token),
        }
    });
    return next.handle(request);
}