公司网站制作公司,wordpress订单推送微信,大良营销网站建设好么,万网做网站如何下载模板浏览器安全策略上的安全限制可以有效的阻止 Ajax 向另外一个域server发起请求#xff0c;这就是著名的 同源策略#xff0c;那如何突破这种限制呢#xff1f;可以使用 CORS #xff08;Cross-Origin Resource Sharing#xff09; 跨域资源共享来解决此类问题#xff0c;它… 浏览器安全策略上的安全限制可以有效的阻止 Ajax 向另外一个域server发起请求这就是著名的 同源策略那如何突破这种限制呢可以使用 CORS Cross-Origin Resource Sharing 跨域资源共享来解决此类问题它是一个 W3C 的标准允许你跳出浏览器所采用的同源策略的限制即在一个域中请求另外一个域的资源。你可以在 WebAPI 中使用 Cors包 或者 Owin中间件 来开启CORS值得注意的是一个完整的 request请求 是由 scheme host port 三部分组成所以根据这三个部分就能判断当前请求是否为同源请求如不是的话浏览器将会主动进行阻止如下代码所示WebAPI 中启用 CORS 要想在 ASP.NET Web API 中启动 CORS只需通过 Nuget 安装 Microsoft.AspNet.WebApi.Cors 包即可如下代码所示
Install-Package Microsoft.AspNet.WebApi.Cors值得注意的是CORS 可以应用到三种作用域上。Action 级Controller 级Global 级下面就来逐一看一下。在 Global 级使用 CORS 要想作用到全局可以调用 HttpConfiguration 实例下的 EnableCors() 方法即可如下代码所示public static class WebApiConfig{public static void Register(HttpConfiguration config){// Web API configuration and servicesstring origin http://localhost:50164/IDGWebClient/;EnableCorsAttribute cors new EnableCorsAttribute(origin, *, GET,POST);config.EnableCors(cors);}}从上面的代码可以看出origin 指定了可以被跨域的请求 * 指定了可被允许的header头信息GET,POST 则表示可以接收的 Http Method。在 Controller 级使用 CORS 要想在 Controller 级上启用很简单只需在 xxxxController 中打上 EnableCors 标记即可如下代码所示[EnableCors(origins: http://localhost:50164/, headers: *, methods: *)]public class ValuesController : ApiController{// GET api/valuespublic IEnumerablestring Get(){return new string[] { value1, value2 };}}在 Action 级使用 CORS 类似的你也可以将 EnableCors 应用到 Action 级别下面的代码展示了如何去使用。public class ValuesController : ApiController{[EnableCors(origins: http://localhost:50164/, headers: *, methods: *)]public IEnumerablestring Get(){return new string[] { value1, value2 };}}禁用特定的 Action 上的 CORS 当我们将 CORS 应用到了 Global 级别后有时候为了安全需要必须关闭某些 Action 的 CORS这里使用 DisableCors 特性即可下面的代码展示了如何去禁用。public class ValuesController : ApiController{[DisableCors()]public IEnumerablestring Get(){return new string[] { value1, value2 };}}当然如果你使用的是 ASP.NET Core可以通过 Nuget 将 Microsoft.AspNetCore.Cors 包 引入到项目中然后在 Startup.cs 中做如下配置即可。
public void ConfigureServices(IServiceCollection services)
{services.AddCors();
}译文链接https://www.infoworld.com/article/3173363/how-to-enable-cors-on-your-web-api.html
