kątowa 5 - Nie można ustawić nagłówek HttpClient

Question

Próbuję nawiązać połączenie Post używając HttpClient w kątowym 5 projektu i chcę ustawić nagłówek:

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

import { AuthData } from './models/auth-data'; 

@Injectable() 
export class AuthService { 

    constructor(private http: HttpClient) { } 

    auth = (data: AuthData) => { 

     var url = "https://.../login"; 
     var payload = data; 
     var headers = new HttpHeaders().set('Content-Type', 'application/json; charset=utf-8'); 
     var options = { 
      headers: headers 
     }; 

     this.http.post(url, payload, options).subscribe(); 
    } 
} 

Z jakiegoś powodu, Content-Type nagłówek nie wydaje się być w żądaniu, które robię.

Dlaczego tak jest?

Answer 1

Jeśli widzę prawidłowo, co pan pokazuje nam to OPCJE inspekcji wstępnej żądanie (CORS), nie jest to faktyczna żądania POST.

Powinno powstać 2 "żądań". Metoda http dla jednego powinna być OPCJAMI (tą, którą tu pokazałeś, nazywaną żądaniem inspekcji wstępnej) i jednym rzeczywistym POST (jeśli serwer zezwala na to klientowi). Jeśli host jest inny niż locahost:4200, który zakładam, to musisz włączyć żądania cors na swoim serwerze dla klienta localhost:4200.

Answer 2

Spróbuj tego:

var headers = new HttpHeaders(); 
headers.append('Content-Type', 'application/json'); 

Answer 3

Spróbuj też miałem ten sam problem;)

ng build --production -host=yourDomain.com 

Rzeczą jest, że projekt jest zbudowany na localhost, wykorzystując węzeł, i zachować te domyślnego hosta i port informacji, można go zmienić podczas budują projekt

Answer 4

ponieważ HttpHeaders jest niezmienna musimy przypisać to

const _headers = new HttpHeaders(); 
const headers = _headers.append('Content-Type', 'application/json') 
         .append('...', '...') 
         .append('...', '...');