Access Control Allow Origin issue in Angular 2 http services

Question

I facing issue with fetching data from my laravel server.

This is client side code:

private surveysUrl = 
'http://107.170.59.79/services/public/api/v1/countries';
private headers = new Headers({'Content-Type': 'application/json'});

constructor(private http: Http) { }

getSurveys(): Promise<Survey[]> {
return this.http.get(this.surveysUrl)
   .toPromise()
   .then(response => response.json() as Survey[])
   .catch(this.handleError);
}

But I am receiving as error as:

XMLHttpRequest cannot load {{link set in variable "surveysUrl"}}. The 'Access-Control- Allow-Origin' header has a value '{{Some random link}}' that is not equal to the supplied origin. Origin 'http://localhost:4200' is therefore not allowed access.

How can I fix this error?

PS: I am not allowed to post more than two links so I had to remove links from the error message. I have replaced it with {{ }} to make it readable.

Possible duplicate of How to make CORS-enabled HTTP requests in Angular 2? — eko
– eko, Commented Jun 2, 2017 at 7:33
It's only 49.248.126.222:8282 that has access, you need to change that to allow your localhost, or then allow all. This has to be done server side, not Angular as you asked below. — AVJT82
– AVJT82, Commented Jun 2, 2017 at 8:49

Omkar Porje · Accepted Answer · 2017-06-02 07:49:20Z

3

If you are using apache then you need to allow the origin access i.e.

Header set Access-Control-Allow-Origin "*"

include this in .htaccess file.

answered Jun 2, 2017 at 7:49

Omkar Porje

2881 silver badge5 bronze badges

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

2 Comments

Bonzo Over a year ago

Thanks for the suggestion but can you please let me know if I can handle it from Angular.

Omkar Porje Over a year ago

Hi @RumSmeagolRun this is something to be done at server side. (i.e the one who is creating the API end point for you)

Collectives™ on Stack Overflow

Access Control Allow Origin issue in Angular 2 http services

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related