Angular 2 XMLHttpRequest

问题:

I'm trying to make a POST request to an API and I'm receiving this error:

XMLHttpRequest cannot load http://*. Response for preflight has invalid HTTP status code 400 However, when I try to make a GET request, it works.

My get method:

getMethod() {
    return this.http.get<PerfilModel[]>(globals.BASE_URL + 'perfis');
}

My post method:

updateMethod(changePass: ChangePassModel) {
    let h = new Headers();
    h.append('Content-Type', 'application/json');

    return this.http2.post(globals.BASE_URL + 
                           'users/passwords/redefinitions/' + 
                           changePass.key, JSON.stringify(changePass),      
                           { headers: h }
                           ).map(res => res.json);
}

observation: the cors toggle plugin is activated.

回答1:

The HTTP 400 Bad Request response status code indicates that the server could not understand the request due to invalid syntax. The client should not repeat this request without modification.

May be server side they are allowing the post method.

回答2:

globals.BASE_URL + 'users/passwords/redefinitions/' + changePass.key + '/'

if the cors toggle plugin is activated in your backend,your url missing "/" at last,can you check that

回答3:

The problem was on the browser same origin policy, so I disabled the security with the flag: --args --disable-web-security --user-data-dir="" and it worked.