Типу «Заголовки» не хватает следующих свойств из типа «Заголовки»: ключи, значения, toJSON, getAll и еще 2

Question

Я использую следующий код для отправки заголовков в запросе POST :

var headers = new Headers();
headers.append("Accept", 'application/x-www-form-urlencoded');
headers.append('Content-Type', 'application/x-www-form-urlencoded' );
headers.append("Authorization", "Basic " + btoa(username + ":" + password));

const requestOptions = new RequestOptions({ headers: headers });

return this.http.post(this.url, postData, requestOptions) .map(res => res.json()).subscribe(
  data => {
    console.log(data);
  },
  err => {
    console.log("ERROR!: ", err);
  }
);

Но {headers: headers} отображает ошибку:

В типе «Заголовки» отсутствуют следующие свойства типа «Заголовки»: ключи, значения, toJSON, getAll и другие 2.

Кто-нибудь может предложить решение?

Answer 1

  const httpOptions = {
        headers: new HttpHeaders({
          'Accept': 'application/x-www-form-urlencoded',
          'Content-Type':  'application/json',
          'Authorization': 'Basic' + btoa(username + ":" + password)
        })
      };
   return this.http.post(this.url, postData, httpOptions ) .map(res => res.json()).subscribe(
      data => {
        console.log(data);
      },
      err => {
        console.log("ERROR!: ", err);
      }
    );

И импорт HttpHeaders выше, как

import { HttpClient,HttpHeaders } from '@angular/common/http';