Cross-Origin Request Blocked for API Request

Question

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at API URL. This can be fixed by moving the resource to the same domain or enabling CORS.

I have installed Microsoft.AspNet.WebApi.Cors in API project, but still it's not working.

Also modified web.config for Access control but not successful.

Is there any way to call API from javascript?

I have also tried that, but not working. Do i need to recycle application pool. — user3224493, Apr 16 '15 at 06:19
@user3224493 I don't think the cross-domain configuration can be in JSON. Look at this: http://www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html and also at this: http://stackoverflow.com/questions/4174317/what-is-crossdomain-xml-file — Thorsten Dittmar, Apr 16 '15 at 06:29
Could you attach code lines with your api method and enabling CORS. Have you tested api call in different browsers? — Maksim Pavlov, Apr 16 '15 at 09:20
you need to write code to enable cors in webapi2, can you share your code where you are trying to do that — harishr, Apr 17 '15 at 14:04

score 2 · Answer 1 · answered Apr 16 '15 at 07:25

2

You just need to add this code in web.config of Api.

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
  </customHeaders>
 </httpProtocol>

answered Apr 16 '15 at 07:25

Hayat Sama

287
2
10

1

That block of code must be added to the section of web.config – vcRobe Dec 08 '15 at 14:16

Cross-Origin Request Blocked for API Request

1 Answers1