Angular -> Web Api 2: "No 'Access-Control-Allow-Origin' header"

Question

Basically I'm trying to access my web api which is uploaded on Azure.

I've added my CORS attribute to my WebApiConfig class:

public static void Register(HttpConfiguration config)
{
    var cors = new EnableCorsAttribute("http://localhost:51407", "*", "*");
    config.EnableCors(cors);

However whenever I send an Ajax request (using angularJS) which rightfully contains

Origin: http://localhost:51407

I get the error:

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:51407' is therefore not allowed access.

What could be the issue?

nikola.maksimovic · Accepted Answer · 2018-04-04 18:26:36Z

3

To fix this issue, you need to configure CORS-es. First go to "Web.config", find "system.webServer" tag, inside of it add next lines:

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="Content-Type" />
    <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
  </customHeaders>
</httpProtocol>

That is all.

answered Apr 4, 2018 at 18:26

nikola.maksimovic

7378 silver badges12 bronze badges

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

Comments

ANJYR · Accepted Answer · 2015-11-18 12:13:19Z

1

For .NET server can configure this in web.config as shown below

 <system.webServer>
   <httpProtocol>
     <customHeaders>
       <add name="Access-Control-Allow-Origin" value="your_clientWebUrl" />
     </customHeaders>
   </httpProtocol>
 </system.webServer>

answered Nov 18, 2015 at 12:13

ANJYR

2,6216 gold badges43 silver badges62 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:31:46Z

0

I also work with webapi2 and AngluarJS client (different server) in Azure WebSites.

please check my answer: https://stackoverflow.com/a/25758949/361100

If you cannot solve the problem, check other answers of the above link.

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered Oct 20, 2014 at 23:51

Youngjae

25.1k20 gold badges118 silver badges205 bronze badges

Collectives™ on Stack Overflow

Angular -> Web Api 2: "No 'Access-Control-Allow-Origin' header"

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related