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'),