Angular 6: Невозможно правильно задать тип содержимого заголовка http

Question

Я пытаюсь сделать пост-звонок, используя HttpHeader в angular 6, и я установил Content-Type на application / json.Но сервер получает x-www-form-urlencoded вместо application / json для Content-Type.

service.ts

   
myFunction(id: string, name: string, fields: string[]) {
  const body = {
    id: id,
    name: name,
    fields: fields
  };
  let headers = new HttpHeaders();
  headers= headers.set('content-type', 'application/json');
  return this.http.post(this.URL , body, {headers});
}

component.ts

submit(){
  this.myService.myFunction(this.id, this.form.value.name,  
  this.form.value.fields).subscribe((res:any) => {
    console.log(this.form);
  }, error => {
    console.log(JSON.parse(error.error).errors);
  })
}

Answer 1

Просто используйте функцию append для добавления новых заголовков и, наконец, установите заголовки для параметров

Попробуйте что-то вроде этого

let header = new HttpHeaders();
headers= headers.append('content-type', 'application/json');
return this.http.post(this.URL , body, {headers : header});

Если это не работает, попробуйте добавить заголовок, какэто

let header = new HttpHeaders({'content-type': 'application/json'});

Надеюсь, это поможет - счастливое кодирование :)

Answer 2

Вы должны установить заголовки в опции.

return this.http.post(this.URL , body, {headers : new HttpHeaders({ 'Content-Type': 'application/json' }});