Angular 5 + Ionic 3: I can not send headers in API requests

Question

Angular 5 + Ionic 3: I can not send headers in API requests

Navigation

#1 by (0 votes)
#2 by (0 votes)

0

I am consuming an API through a post method and need to send in the Authorization header. I'm doing the following:

public post(resource, body, authorization = false): Observable<any> {

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

    if (authorization) {
        let token = this.userStorageService.get('accessToken');
        headers.append('Authorization', 'Bearer ' + token);
    }

    return this.http
        .post<Observable<any>>('${environment.apiUrl}${resource}', JSON.stringify(body), {headers: headers})
        .map(response => response);
}

But for some reason the Angular does not send the headers. I've tried different ways, but none works. Anyone have any idea what that might be?

OBS 1: I'm using Angular 5 and Ionic 3 OBS 2: I've tried using Interceptors and it did not work NOTE: I have already debugged the request in the api by Postman, it works right there, sending the headers and everything, but the app does not work in any way.

javascript ecmascript-6 typescript angular-5 ionic3

asked by anonymous 22.03.2018 / 14:41

2 answers

How to control the number of Oracle queries in Node.JS? How to generate iOS application with React Native

score 0 · Answer 1

As far as I understand, HttpHeaders is immutable. Try this:

Example:

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

or:

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

score 0 · Answer 2

Even using append of HttpHeaders it returns a copy that should be used.

For example

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

Now the variable headers contains the desired value.

I hope I have helped.

[] s