Angular2 在 header 请求中传递授权

Question

我试图通过发送 btoa encyption 登录字符串到 angular2 中的 request headers 来授权用户，但是 headers 正在 请求负载 中发送授权密钥。请参考截图

登录服务：

import { Http, Headers, Response, URLSearchParams } from '@angular/http';

let headers = new Headers();
headers.append('Content-Type', 'application/json');
headers.append('Authorization', loginString);

return this.http.post('http://localhost:9090/api/users/authenticate', 
{headers: headers}).map(res => res.json());

我想发送 Authorization key inside Request Headers 而不是 Request Payload

谢谢

Answer 1

您正在 body 参数中传递 headers，试试这个

import { Http, Headers, RequestOptions, Response, URLSearchParams } from '@angular/http';

let headers = new Headers();
headers.append('Content-Type', 'application/json');
headers.append('Authorization', loginString);

const options = new RequestOptions({headers: headers});

return this.http.post('http://localhost:9090/api/users/authenticate', 
null, options).map(res => res.json());

Answer 2

您正在使用 POST 请求。你放置页眉的地方实际上是主体应该在的地方。但是，您正在做的事情对于 GET 请求是正确的。

Angular2 在 header 请求中传递授权

Angular2 pass authorization inside header request

angular

angular2-services