CORS WebAPI and Web project

Question

我在ASP中有带角度的视图。NET MVC Web项目。这些有角度的脚本引用/api/mycontroller/方法来获取数据。这个"/api/mycontroller/"在同一个Web项目中。

现在我想把这些API转移到WebAPI项目。如何与之联系？Web中的角应该与WebAPI项目进行通信。

两者都在同一个解决方案中。

Answer 1

在不同的URL中发布Web API项目，引用该URL而不是您的angular应用程序中的当前URL，这应该就是全部。每个方法的URL将取决于您定义的路由。

如果您的Web API位于与angular应用程序不同的主机上，请将此HTTP头添加到angular Web应用程序的服务器：

Access-Control-Allow-Origin: http://webapihost.com

在任何web服务器中设置此标头都应该很容易。如果您使用的是IIS 7+，请通过以下方式修改您的网络配置：

<configuration>
   <system.webServer>
      <httpProtocol>
         <customHeaders>
            <add name="Access-Control-Allow-Origin" value="http://webapihost.com" />
         </customHeaders>
      </httpProtocol>
   </system.webServer>
</configuration>

或者手动将头添加到服务器的配置中