Не удается отправить данные формы с токеном на предъявителя в угловых

Question

Я отправляю данные формы в свой бэкэнд, и он работает нормально, хотя я включаю токен на предъявителя, он не работает и бэкэнд не читает данные.

Вот что яделаю:

Component.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});
}

Answer 1

Попробуй так:

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

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