Enable CORS for MVC and AngularJS

Question

I have an IONIC/AngularJS application from which I have to call my ASP.NET MVC controller method i.e Login. It works with fine with $http.get() but when I use $http.post() or $http({method: 'POST'}) it returns an error. The error is (for Chrome):

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource

I have enabled CORS for Server by following the answer to this question:

CORS in ASP .NET MVC5

I also included nuget package to enable CORS, but this didn't solve my problem. I also tried adding the following in Angular's POST request:

$http({
     method: 'POST',
     url: url,
     headers: {'Access-Control-Allow-Origin': '*'},
     data: _data}).then();

but it didn't work either. Please let me know if I am missing something.

Thankx

Marlon Vidal · Accepted Answer · 2016-06-23 13:29:52Z

3

Add this to your web.config file

<system.webServer>
  <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>
</system.webServer>

answered Jun 23, 2016 at 13:29

Marlon Vidal

6795 silver badges15 bronze badges

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

1 Comment

geekowls Over a year ago

I ran into another issue after I successfully hit my post method. The error i received was: "XMLHttpRequest cannot load url Response for preflight has invalid HTTP status code 404". So i included the following with my post requests: $httpProvider.defaults.headers.post = {}; Now it hits my post method, but my method is returning an error with null data. Any idea what's going on?

BorcheIvanov · Accepted Answer · 2016-06-23 13:34:45Z

2

Add this to your WebApiConfig

var cors = new EnableCorsAttribute("*", "*", "*");
config.EnableCors(cors);

answered Jun 23, 2016 at 13:34

BorcheIvanov

865 bronze badges

1 Comment

krillgar Over a year ago

Do you need to register that somewhere? I imagine that just creating the variable doesn't do anything after it goes out of scope.

Collectives™ on Stack Overflow

Enable CORS for MVC and AngularJS

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related