Requête HttpClient POST utilisant x-www-form-urlencoded

Je suis en train de faire une requête POST avec x-www-form-urlencodedtype de contenu d'en-tête comme suit:

login(username, password): Observable<any> {
    return this.http.post('/login', {
      username: username,
      password: password
      },
      {
        headers: new HttpHeaders()
          .set('Content-Type', 'x-www-form-urlencoded')
      }
      );

Malheureusement mon API dit que je l'ai envoyé vide nom d'utilisateur et mot de passe.

j'ai donc décidé de faire un postier demande à mon point de terminaison de connexion et de voir d'où vient le problème, et le facteur requête n'a retourné le nom d'utilisateur et mot de passe.

Comment se fait que quand je suis à l'écriture du facteur mon API de retour de mon nom d'utilisateur et le mot de passe et quand je poste de mon Angulaire app mon API retourne des valeurs vides? Est-ce que je suis absent?

source d'informationauteur TheUnreal

  1. 47

    Vous êtes à poster des données JSON à l'API au lieu de la forme des données.
    L'extrait de code ci-dessous devrait fonctionner.

    login(username, password): Observable<any> {
  const body = new HttpParams()
    .set('username', username)
    .set('password', password);

  return this.http.post('/login',
    body.toString(),
    {
      headers: new HttpHeaders()
        .set('Content-Type', 'application/x-www-form-urlencoded')
    }
  );
}
  2. -2

    Vous pouvez faire une requête post comme ci-dessous.

    login(email:string, password:string):Observable<User>{
    let headers = new HttpHeaders();
    headers = headers.set('Content-Type', 'application/x-www-form-urlencoded')
    let params = new HttpParams().set('user', JSON.stringify({email: email,password:password}));
    return this.http.post<User>(`${MEAT_API_AUX}/login`,
    {},{headers: headers,params:params})
        .do(user => this.user = user);
}

    après que vous avez à faire souscrire.