how to make post request with oAuth2 token authentication

Question

This code did not work:

createRoute(FormRoute) {
    var body = "&name=" + FormRoute.name + "&description="+ FormRoute.description ;
    var headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded' );
    headers.append('Authorization',  'oauth ' + localStorage.getItem("access_token"));
    return new Promise((resolve, reject) => {
        this.http.post('url', body, {headers: headers})
        .toPromise()
        .then((response) =>
        {
            var res = response.json();
            console.log(res);
            resolve(response.json());
        })
        .catch((error) =>
        {
            var err = error.json();
            console.error("err");
            console.error(err["error_description"]);
            let alert = this.alert.create({
              title: 'Error',
              subTitle: err["error_description"],
              buttons: ['OK']
            });
            alert.present();
        });
    });
}

OPTIONS 'http://url' 401 (Unauthorized)

Failed to load 'http://url': Response for preflight has invalid HTTP status code 401.

I am installing CROS on chrome and it is not the problem . The problem is how to send token oauth2 in header in post request — Ahmed
– Ahmed, Commented Feb 15, 2018 at 6:43
The problem is CORS. Preflight options 401 is always CORS: stackoverflow.com/questions/42221602/… — canillas
– canillas, Commented Feb 15, 2018 at 8:33

Nabin Paudyal · Accepted Answer · 2018-02-12 08:34:26Z

1

I believe the following line of code is the culprit here.

this.http.post('url', body, {headers: headers})

I don't think you are trying to post to http://url as it doesn't make any sense.

Change it into following.

this.http.post(url, body, {headers: headers})

Define your url somewhere like:

var url = 'http://httpbin.org/'

Hope this helps.

answered Feb 12, 2018 at 8:34

Nabin Paudyal

1,6399 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ahmed Over a year ago

i add the url like you did i got error (index):1 Failed to load http://.../api/: Response for preflight has invalid HTTP status code 401.

Collectives™ on Stack Overflow

how to make post request with oAuth2 token authentication

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related