WebApi开启CORS支持跨域POST

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

概念: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请求是不需要设置跨域的,直接可以访问。

 

img_fa0be433d68c8212b2b0b3b1a564ccb1.png
如果本文对你有所帮助,请打赏——1元就足够感动我:)
支付宝打赏 微信打赏
联系邮箱:intdb@qq.com
我的GitHub: https://github.com/vipstone
关注公众号: img_9bde0f31ac4a0eca10b1bd7414b78faf.png


作者: 王磊
出处: http://vipstone.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

相关文章
|
4月前
|
JSON 中间件 数据格式
在自定义服务器框架中处理 POST 请求
在自定义服务器框架中处理 POST 请求
|
安全 JavaScript 前端开发
配置CORS跨域
出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。
415 0
|
JSON 前端开发 JavaScript
DRF--跨域
DRF--跨域
|
JSON JavaScript 前端开发
如何处理跨域请求:JSONP、CORS 和代理服务器
处理跨域请求是前端开发中的常见挑战,因为浏览器的同源策略限制了在不同域名、协议或端口之间进行直接通信。为了解决跨域请求的问题,可以使用以下三种常见的方法:JSONP、CORS和代理服务器。
414 0
|
存储 移动开发 JavaScript
HTTP跨域详解和解决方式
域既是 Windows 网络操作系统的逻辑组织单元,也是Internet的逻辑组织单元,它是安全边界。 只有域的所有者才能访问管理域内部的资源,若其他的域要访问或者管理,则需要该域赋予其他域相关权限。 从小角度来讲,在php中的变量作用域,就可以体现出安全边界的概念。在以下例子中,调用test函数并不会输出任何内容。
313 0
HTTP跨域详解和解决方式
|
PHP
【laravel】@8 HTTP请求
【laravel】@8 HTTP请求
90 0
【laravel】@8 HTTP请求
|
缓存 开发者
FastAPI(39)- 使用 CORS 解决跨域问题
FastAPI(39)- 使用 CORS 解决跨域问题
1059 0
FastAPI(39)- 使用 CORS 解决跨域问题
|
安全 JavaScript 前端开发
Springboot如何优雅的解决ajax+自定义headers的跨域请求
Springboot如何优雅的解决ajax+自定义headers的跨域请求
Springboot如何优雅的解决ajax+自定义headers的跨域请求
Ajax-21:设置CORS响应头实现跨域
Ajax-21:设置CORS响应头实现跨域
207 0