Angular 4, http post is giving giving error : XMLHttpRequest cannot load

Question

I am developing an application on angular and I am new to it.

Here is my requirement, I am trying to get the data using http post. But it is giving below error. XMLHttpRequest cannot load http://162.12.0.117:8081/Server/config/getAllConfigurationValues. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.

Below is the my code.

    let headers = new Headers({ 'Content-Type': 'application/json'});

    let options = new RequestOptions({ headers: headers });
    this.http.post(
    "http://162.12.0.117:8081/Server/config/getAllConfigurationValues", 
    {
        "userName": "username",
        "password": "password"
    },
    options
    ).subscribe(
        (result) => function(){
            console.log(result);
        }
    );

You can find answers to this problem is you tried searching for one. — Reactgular
– Reactgular, Commented Jul 31, 2017 at 11:32
Cross origin requests are blocked by most browsers. If you use Chrome, look at this question: stackoverflow.com/questions/3102819/… — JSON Derulo
– JSON Derulo, Commented Jul 31, 2017 at 11:32

Marko Nikolic · Accepted Answer · 2017-07-31 11:54:14Z

1

Cross Origin Requests should be allowed on server side.

answered Jul 31, 2017 at 11:54

Marko Nikolic

313 bronze badges

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

Collectives™ on Stack Overflow

Angular 4, http post is giving giving error : XMLHttpRequest cannot load

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related