WebApi开启CORS支持跨域POST

Posted 王磊的博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WebApi开启CORS支持跨域POST相关的知识,希望对你有一定的参考价值。

概念:CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。

现象:如请求出现:Response to preflight request doesn\'t pass access control check: No \'Access-Control-Allow-Origin\' header is present on the requested resource. Origin \'xxxxx\' is therefore.

WebApi开启CORS设置分为2步:

Step1:打开NuGet安装Microsoft.AspNet.Cors 如图:

 

Step2:WebApiConfig.cs设置开启Cors,代码如下:

 

//跨域配置
config.EnableCors(new System.Web.Http.Cors.EnableCorsAttribute("*", "*", "*"));

 

即可解决Post跨域的问题,当然如果是Get请求是不需要设置跨域的,直接可以访问。

 

以上是关于WebApi开启CORS支持跨域POST的主要内容,如果未能解决你的问题,请参考以下文章

angularjs简单实现$http.post(CORS)跨域

.net core 3.1 webapi解决跨域问题 GET DELETE POST PUT等

ASP.NET MVC & WebApi 中实现Cors来让Ajax可以跨域访问 (转载)

asp.net webapi支持跨域

跨域 JSONP, CORS

初始WebApi