我在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,还是直接添加到update方法?

推荐答案

您可以通过在标题中添加基本授权,如下所示:

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
};

Typescript相关问答推荐

通用默认值触发依赖通用约束变量的错误

我可以让Typescript根据已区分的联合键缩小对象值类型吗?

交叉点对数字和布尔的处理方式不同

Angular -使用Phone Directive将值粘贴到控件以格式化值时验证器不工作

使用FormArray在Angular中添加排序

如何在使用`Next—intl`和`next/link`时导航

无法绑定ngModel.条件ngSwitchCase中的错误

部分类型化非 struct 化对象参数

ANGLING v17 CLI默认设置为独立:延迟加载是否仍需要@NgModule进行路由?

使用Redux Saga操作通道对操作进行排序不起作用

如何使用模板继承从子组件填充基础组件的画布

以Angular 执行其他组件的函数

如何以Angular 导入其他组件S配置文件

如何将TS泛型用于react-hook-form接口?

我不明白使用打字脚本在模板中展开参考

为什么我的函数arg得到类型为Never?

类型实例化过深,可能是无限的&TypeScrip中的TupleUnion错误

两个子组件共享控制权

如何根据Typescript 中带有泛型的对象嵌套键数组获取数组或对象的正确类型?

元组解释