AngularJS + ASP.NET Web API Cross-Domain Issue

Question

Moving forward with my mobile app development learning process, I\'ve found a new obstacle: Cross-origin Request Sharing or CORS.

I am using a combination of Angular

Answer 1

While stumbling onto this issue with AngularJS 1.3 with Microsoft Web API 2 I found a simple solution to the CORS configuration issue.

• First from Nuget intall - Microsoft WebApi Cors

  Install-Package Microsoft.AspNet.WebApi.Cors
  

• Then in your WebApiConfig.cs file:

  var cors = new System.Web.Http.Cors.EnableCorsAttribute("www.my-angular-web-site.com", "*", "*");
  
  config.EnableCors(cors);
  

You can also enable CORS everywhere with a * instead of your web site but that defeats the purpose of CORS and opens up security holes - but you can do it for testing.

The WebApi.Cors assembly also lets you enable cors controller by controller or with other more granular details. Other details can be found here on the Web API site.