Angular2 : detect error from HTTP post

Question

I cannot interecept error from http post

a part of my mservice (http post method)

addApplicationLink(applicationLink: ApplicationLink){
    let body = JSON.stringify(applicationLink);
    let requestHeaders = new Headers();
    var headers = new Headers();
    headers.set('Content-Type',  ['application/json; charset=utf-8']);
     let reqoptions =  new RequestOptions({
        headers: headers
    });
    return this._http.post(this._applicationLinksUrl + this._linkServicePath,body,{headers: headers});

in my component :

addApplicationLink() {
    //todo
    this.addNewLink = false;
    /* check if must be done after call real rest service */
    //this.applicationLinks.push(this.applicationLinkAdd);
    this._applicationLinkService.addApplicationLink(this.applicationLinkAdd)

        .subscribe(data => {
            this.applicationLinks.push(this.applicationLinkAdd)
        },
        error => {
            // handle error
            console.error('this an erreor ' + error.status)
        }
        )

When user tries to add two same applicationlinks , the backend returns an error 409 But when I execute , error.status displays 200 in browser console I see also in browser console XMLHttpRequest cannot load http://localhost:7001...... No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 409.

rem : Http post is made with json , thus there is a prefligth call

Have you an idea to intercept error 409 ?

If your service is made with NodeJS and Express, then you can use this gem: npmjs.com/package/cors — Maximilian Riegler
– Maximilian Riegler, Commented May 30, 2016 at 11:21

Thierry Templier · Accepted Answer · 2016-05-30 11:10:18Z

2

In fact, your server doesn't send back the CORS header (Access-Control-Allow-Origin' header is missing). This prevent the browser from providing the actual 409 error to the Angular2 application within the browser.

You need to fix first the problem on the server and you will be able to see this 409 error.

For more details about how CORS works, you could have a look at this article:

http://restlet.com/blog/2015/12/15/understanding-and-using-cors/

answered May 30, 2016 at 11:10

Thierry Templier

203k44 gold badges407 silver badges365 bronze badges

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

1 Comment

Florence Over a year ago

I have found the probleme, for response 409 , headers are not set. thank you

Collectives™ on Stack Overflow

Angular2 : detect error from HTTP post

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