AngularJS и WebAPI CORS

Question

Является ли проблема CORS на WebAPI глупой или это я? Не полагаются ли веб-сервисы для использования третьими лицами? Может кто-нибудь, пожалуйста, объясните мне, почему у меня проблема с вызовом WebAPI, если она была в другом домене, ее веб-сервисы, ее предполагается быть в другом домене!

Я добавил библиотеку CORS в свой WebAPI и добавил разрешение внутри моей конфигурации, но все еще не работает.

И кто гениальная идея состояла в том, чтобы сделать два звонка, чтобы получить информацию с CORS. Теперь все мои просьбы будут удвоены!

Как исправить проблему CORS между AngularJS и Webapi? Было бы очень приятно, если бы кто-нибудь мог объяснить мне теоретически, почему я не могу позвонить на веб-сервис без этого CORS thingyy. Разве веб-служба не должна потребляться всеми?

Answer 1

Проблема CORS не будет происходить в части WebAPI. он будет всегда в стороне клиента, когда WebAPI и клиент будут в двух разных портах.

Если это ASP.NET WebAPI, вам необходимо установить пакет Microsoft.Owin.Cors и инициализировать CORS при запуске веб-сервера.

В WebiApiConfig.cs положить в чем-то вроде:

var cors = new EnabledCorsAttribute("", "", "DataServiceVersion,MaxDataServiceVersion"); 
config.EnableCors(cors); 

Web.Config

<httpProtocol> 
      <customHeaders> 
       <add name="Access-Control-Allow-Origin" value="http://localhost" /> 
       <add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept, Cache-Control" /> 
       <add name="Access-Control-Allow-Credentials" value="true" /> 
       <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" /> 
      </customHeaders> 
     </httpProtocol>