How to enable cors in .Net Core for web api ajax call

Question

Am trying pull data from .net core web api using ajax call am getting the below error

Failed to load http://localhost:8085/api/menu: Response for preflight has invalid HTTP status code 404.

but am getting data sucessfully from postman.

am trying below code for ajax

$(document).ready(function(){
  $.ajax({ 
    url: 'http:/localhost:8085/api/menu', 
    type: 'GET', 
    dataType: 'json',
    data: '{ }',
    success: function (data) { 
        console.log(data); 
    },
    failure: function (data) {  
        alert(data.responseText);  
    }, //End of AJAX failure function  
    error: function (data) {  
        alert(data.responseText);  
    } 
  });
});

I have added below tag in web.config file

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

Please suggest your thoughts. Thanx in advance.

djaszczurowski · Accepted Answer · 2018-06-30 10:17:47Z

4

you can define your policy in Startup file as a part of ConfigureServices method

for example:

{
  services.AddCors(c => {
      c.AddPolicy("policyName", p => {
          p.AllowAnyOrigin().AllowAnyMethod();
      });
  });
}

and then in Configure method

app.UseCors("policyName");

answered Jun 30, 2018 at 10:17

djaszczurowski

4,5431 gold badge24 silver badges30 bronze badges

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

6 Comments

Raviteja Over a year ago

Thanx for your reply i have tried above but still am getting different issue jquery.min.js:4 GET localhost:5000/localhost:8085/api/menu?{%20} 404 (Not Found)

djaszczurowski Over a year ago

you address includes localhost twice - I'm 99% sure there is a bug somewhere and it should probably be either localhost:5000 or localhost:8085

Raviteja Over a year ago

There is a bug i fixed and now working fine thank you again.

djaszczurowski Over a year ago

perfect, please mark this solution as an valid answer so it's visible for others who have the same problem that it works.

variable Over a year ago

Is this to be configured in the caller webapp or the calee web api?

|

Collectives™ on Stack Overflow

How to enable cors in .Net Core for web api ajax call

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related