Angular - 身份验证标头

Question

我有一个 java 后端，它为我提供了一些受身份验证保护的 API。

因此，如果我使用任何具有授权的浏览器或邮递员调用它，我会得到200 (Ok) 响应，但如果我使用相同的用户和密码设置httpHeaders，我会得到401 (Unauthorized)。

来电：

let username: string = 'admin';
let password: string = 'pe';
let headers =  new HttpHeaders().set('Authorization' , 'Basic ' + btoa(username + ':' + password)).set('Content-Type', 'application/json').set('cache-control', 'no-cache'); 
console.log(headers);

let params = new HttpParams().set('instID', value).set('procType', 'M');

return this.httpClient.get<pe_process_instance[]>('http://' + this.urlConfig.BASE_URL + ':' + this.urlConfig.PORT + '/' + this.urlConfig.WSBaseURL + '/getipeprocessinstances', { headers: headers , params: params });

回应：

我在这里缺少什么？我是否正确设置了标题？

Answer 1

尝试以这种方式设置您的headers：

let headers = new HttpHeaders();

headers = headers.append('Authorization', 'Basic ' + btoa(username + ':' + password));
headers = headers.append('Content-Type', 'application/json');
headers = headers.append('cache-control', 'no-cache');

当您多次使用.set() 时，您每次都会覆盖您的标头，并且只发送最后一个标头。