世界上最伟大的投资就是投资自己的教育

首页跨域资源共享CORS
随风 · 凡人

CORS 进阶之设置请求头信息 (三)

随风发布于1495 次阅读

1. Access-Control-Allow-Headers

在这一篇文章CORS 进阶之 Preflight 请求 (二)中,有说过,哪些情况下会造成 Preflight 请求,其中之一,就是下面的情况:

不寻常的请求头,例如不是下面的几种:

  • Accept
  • Accept-Language
  • Content-Language

下面来用浏览器模拟一个任意的请求头。

var xhttp = new XMLHttpRequest();
xhttp.open("GET", "http://localhost:8080", true);
xhttp.setRequestHeader('Sample-Source','CORS in Action');
xhttp.send();

setRequestHeader是设置请求头的意思,在这里,设置了一个头信息Sample-Source,它的值是CORS in Action

来看下请求的情况:

果然,报错了,大体的意思就是Sample-Source这个请求头不被允许。

且也产生了 Preflight 请求,如下:

我们在服务器端设置一下,让这个请求头信息可以被接受。

add_header 'Access-Control-Allow-Headers' 'Sample-Source';

再重新发起请求。

成功了。也产生了两个请求,其中之一是 Preflight 请求,还有实际的 GET 请求。

也返回了真正的头信息:

跟上面的例子一样,Access-Control-Allow-Headers也有自己的一套推荐写法,如下:

add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Sample-Source';

完结。

下一篇:CORS 进阶之 cookie 处理 (四)

本站文章均为原创内容,如需转载请注明出处,谢谢。

0 条回复
暂无回复~~
相关小书
跨域资源共享CORS

跨域资源共享CORS

什么是浏览器跨域,如何解决跨域问题,什么是 CORS?从入门到精通。

发表于

喜欢
我的微信官网服务号精品文章订阅号微信视频号
程序员随风
统计信息
    学员: 21504
    视频数量: 1374
    文章数量: 455

© 汕尾市求知科技有限公司 | 专业版网站 | 关于我们 | 在线学员:1157

粤公网安备 44152102000088号粤公网安备 44152102000088号 | 粤ICP备19038915号

Top