Angular Rest API 调用返回 401 Unauthorized

Question

当我调用 Rest Api 时，我的 Angular 项目抛出错误401 Unauthorized

“ https://url/products/search的 HTTP 失败响应：401 未经授权”

这是我的代码

this.httpOptions = {
    headers: new HttpHeaders(
        { 
          'Content-Type': 'application/json; charset=utf-8',
          'org-code-rc' : 'VWiHL8RFR8fRGNjfZI=',
          'Authorization': `Basic` + btoa('myUsername:myPass'),
        }
    )
}

并在这里得到结果

public getProducts() {

    return this._http.get(this.baseUrl, {
        headers: this.httpOptions
    });
}

我该如何解决这个问题？

Answer 1

您已经设置了标头，因此您也需要更改代码：

public getProducts() {
     return this._http.get(this.baseUrl, this.httpOptions);
}

因为否则您将在标头参数中包含标头并且它将不起作用

Answer 2

首先， Basic和凭据之间缺少一个空格：

  'Authorization': `Basic` + btoa('myUsername:myPass'),