Send headers in angular http request

Question

Send headers in angular http request

Asked 5 years, 11 months ago

Viewed 307 times

2

I need to send three values in my header in http request, but when I check in the browser I realize that my headers have not been sent.

I tried something like:

  trocaToken(token):Observable<any>{
    const _headers = new HttpHeaders();
    const headers = _headers.append('Content-Type', 'application/x-www-form-urlencoded');
    headers.append('token', token);
    headers.append('Authorization',  'bearer ' + token);
    return this._http.post<Usuario>(AppSettings.API_ENDPOINT + 'admin/detalhes',
    {headers: headers})
  }

1

When the request is Post the First given after the comma is Body, Tries to do: trocaToken(token):Observable<any>{
 const _headers = new HttpHeaders();
 const headers = _headers.append('Content-Type', 'application/x-www-form-urlencoded');
 headers.append('token', token);
 headers.append('Authorization', 'bearer ' + token);
 return this._http.post<Usuario>(AppSettings.API_ENDPOINT + 'admin/detalhes', { } , 
 {headers: headers})
 }

– Lucas Brogni

2018/07/23 at 14:32
you are using http.post or httpClient?

– Leandro Angelo

2018/07/23 at 15:47
1

@Leandroangelo by the method used (post with typing in <>), she is using Httpclient.

– mutlei

2018/07/23 at 17:11
@mutlei Well observed

– Leandro Angelo

2018/07/23 at 17:58

1 answer

Browser other questions tagged angular http angular-5

You are not signed in. Login or sign up in order to post.

by Eduardo Vargas • **3,413** points · Answer 1 · 2018-07-24T09:50:27+00:00

Try it this way:

  trocaToken(token):Observable<any>{
     const httpOptions = {
     headers: new HttpHeaders({
        Content-Type': 'application/x-www-form-urlencoded',
        'token': token
     })
  };

  return this.http.post<Usuario>(AppSettings.API_ENDPOINT + 'admin/detalhes', undefined, httpOptions)
}