无法以角度发送带有不记名令牌的表单数据答案

【问题标题】：Can't send form data with a bearer token in angular无法以角度发送带有不记名令牌的表单数据
【发布时间】：2019-11-09 15:01:03
【问题描述】：

我正在将表单数据发送到我的后端并且它正常工作，但是当我包含不记名令牌时，它不起作用并且后端不读取数据。

这就是我正在做的事情：

组件.ts

send() {
    const formData = new FormData();
    formData.append('title', this.form.value.title);
    formData.append('description', this.form.value.description);

    this.service.add(formData).subscribe(data => {
      console.log(data);
    });
}

服务。在这段代码中读取数据。

add(data) {
    return this.http.post(url, data);
}

但在这段代码中不起作用：

add(data) {
    const headers = new HttpHeaders({
        'Content-Type': 'application/json',
        Authorization: 'Bearer ' + localStorage.getItem('token')
    });
    return this.http.post(url, data, {headers});
}

【问题讨论】：

标签： angular form-data bearer-token

【解决方案1】：

试试这样：

var header = {
  headers: new HttpHeaders()
    .set('Authorization',  'Bearer ' + localStorage.getItem('token'))
}

 return this.http.post(url, data, header);

【讨论】：

我想投票，但 stackoverflow 说： - 感谢您的反馈！声望低于 15 人的投票将被记录，但不会更改公开显示的帖子得分。