在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。

巴特西

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

最新文章

热门文章