电脑

当前位置 /首页/游戏数码/电脑/列表

CORS .net 跨域解决方案

IIS部署wcf rest项目(或 web项目)时,CORS跨域配置,并完美解决POST带参数请求问题

操作方法

(01)如图:打开IIS,找到 “HTTP响应标头”

CORS  跨域解决方案

(02)添加如下配置信息:Access-Control-Allow-Methods : GET,POST,PUT,DELETE,HEAD,OPTIONSAccess-Control-Allow-Origin : *Access-Control-Allow-Headers : Content-Type,api_key,Authorization,X-Requested-With如下图所示:(注:如是J2EE项目,可在统一URL拦截器中,eader("Access-Control-Allow-Headers", "Content-Type,api_key,Authorization,X-Requested-With");eader("Access-Control-Allow-Method", "GET,POST,PUT,DELETE,HEAD,OPTIONS");eader("Access-Control-Allow-Origin", "*");)注eader("Access-Control-Allow-Origin", "*"); “ *”可替换为只允许的域,如:"http://localhost:8080/*"

CORS  跨域解决方案 第2张

(03)此时已经解决 GET 请求问题可成功返回数据。POST请求比较复杂,跨域带参请求时浏览器会先发一个OPTIONS请求(就是这个问题困扰了我两天)

(04)解决方法如下:同一个请求需要两个相同请求地址的方法,一个标记为“POST”,另一个标记为“OPTIONS“,实体方法为标记”POST“的方法,这里”OPTIONS“方法不需要做任何逻辑操并且返回值为void即可(其实OPTIONS请求为浏览器的校验,发带参数的POST请求时浏览器会先发一个OPTIONS请求,检验request 头信息和response头信息一致后才真正发起POST请求)。 代码如下图所示:(JAVA同理)

CORS  跨域解决方案 第3张

(05)jquery Ajax请求如下所示:注意其中的contentType : 'text/json'和data:'json格式的字符串'

(06)到此 CORS 跨域Ajax请求完全解决。

特别提示

这里的content-type不属于(application/x-www-form-urlencoded,multipart/form-data,text/plain)中的任何一种,所以是复杂请求。