在ASP.NET Web API中实现CORS(跨域资源共享)

默认情况下,是不允许网页从不同的域访问服务器资源的,访问遵循"同源"策略的原则。

会遇到如下的报错:

XMLHttpRequest cannot load http://localhost:49705//api/products. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:49729' is therefore not allowed access.

初始或源域名是:http://localhost:49729/
请求产品的域名是:http://localhost:49705//api/products

由于端口号不一致,所以,在"同源"策略下,服务器资源是被禁止访问的,会报错。

ASP.NET Web API为我们提供了实现CORS(跨域资源共享)的解决方案。

首先通过NuGet安装:microsoft asp.ent web api 202 cross-origin support

在WebConfig类中配置如下:

public static class WebApiConfig
{
public static void Register(HttpConfiguration config)
{
... // Web API 路由
config.MapHttpAttributeRoutes(); //全局允许CROS
config.EnableCors(); config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
); }
}

在ApiController上设置CROS属性。

[EnableCorsAttribute("http://localhost:49729","*","*")]
public class ProductsController : ApiController
{
...
}

以上就实现了在ASP.NET Web API中的CROS。

上一篇:python中string模块


下一篇:CORS跨域资源共享简述