Request doesn't pass access control check: No 'Access-Control-Allow-Origin'

Question

I am just trying to use mocky.io from my http://localhost:8080

But getting this error:

XMLHttpRequest cannot load http://www.mocky.io/v2/5715f13a1100004d1187d9e1. 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:8080' is therefore not allowed access.

My request looking like that:

let headers = new Headers();
  headers.append('Content-Type', 'application/json');
  headers.append('Access-Control-Allow-Origin', '*');
  this.people = http.get('http://www.mocky.io/v2/5715f13a1100004d1187d9e1', { headers: headers })
    .map(response => response.json());

R. Gregori · Accepted Answer · 2016-06-30 01:34:56Z

2

Actually you should setup the header Access-Control-Allow-Origin in mocky.io. Just click on "Switch to Advanced mode" and you will see a "custom headers" input. Add Access-Control-Allow-Origin and put * as its value. Then create your mocky.io url. It should work now.

answered Jun 30, 2016 at 1:34

R. Gregori

565 bronze badges

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

Comments

The scion · Accepted Answer · 2016-04-19 10:13:14Z

0

It is looks like you are trying to access to other domain. Maybe add this in the web.config?

<httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="http://localhost" />   </customHeaders> </httpProtocol>

answered Apr 19, 2016 at 10:13

The scion

9829 silver badges20 bronze badges

Collectives™ on Stack Overflow

Request doesn't pass access control check: No 'Access-Control-Allow-Origin'

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related