angular - Angular 6-httpClient在httpOptions中传递基本身份验证

我在Angular 6中有一项服务，我正在尝试更改记录，但这是说我未经授权。

现在我有这个:

const httpOptions = {
  headers: new HttpHeaders({'Content-Type': 'application/json'})
};

  update(id, title, content) {
    const updateData = { id: id, title: title, content: content };
      return this.http.put(`http://myurl/${id}`, updateData, httpOptions);
  }

我的问题是:

如何将基本授权添加到我的httpOptions或直接将其添加到更新方法？

最佳答案

您可以通过在 header 中附加基本授权来添加基本授权，如下所示:

var headers_object = new HttpHeaders();
headers_object.append('Content-Type', 'application/json');
headers_object.append("Authorization", "Basic " + btoa("username:password"));

const httpOptions = {
  headers: headers_object
};