entre - httpclient map angular 5

Solicitud POST de HttpClient usando x-www-form-urlencoded

Question

x-www-form-urlencoded realizar una solicitud POST con el encabezado de tipo de contenido x-www-form-urlencoded siguiente manera:

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

Desafortunadamente mi API dice que envié un nombre de usuario y contraseña vacíos.

así que decidí hacer una solicitud de cartero a mi punto final de inicio de sesión y ver de dónde viene el problema, y ​​la solicitud del cartero devolvió el nombre de usuario y la contraseña.

¿Cómo es que cuando publico desde el cartero mi API devuelve mi nombre de usuario y contraseña y cuando publico desde mi aplicación Angular mi API devuelve valores vacíos? ¿Hay algo que me falta?

Answer 1

Estás publicando datos JSON en la API en lugar de datos de formulario. El siguiente fragmento debería funcionar.

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'')
}
);
}

Answer 2

Usted puede hacer una solicitud de publicación de la siguiente manera.

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

Después de eso tienes que hacer la suscripción.