记一次http跨域请求的处理办法，后期发布代码到开源区

浅浅`

解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头、正确响应options请求，正确设置 JavaScript端需要设置的headers信息 方能实现。

此处手札 供后人参考~

1.第一步 服务端设置响应头

header('Access-Control-Allow-Origin:*');  //支持全域名访问，不安全，部署后需要固定限制为客户Duan网址

header('Access-Control-Allow-Methods:POST,GET,OPTIONS,DELETE'); //支持的http 动作

header('Access-Control-Allow-Headers:x-requested-with,content-type');  //响应头 请按照自己需求添加。

2.第二部 了解IE chrome 等浏览器 对于 跨域请求并要求设置Headers自定义参数的时候的 "预请求"   就是如果遇到 跨域并设置headers的请求，所有请求需要两步完成！

A 第一步：发送预请求 OPTIONS 请求。此时 服务器端需要对于OPTIONS请求作出响应 一般使用202响应即可 不用返回任何内容信息。（能看到这份手稿的人，本人不相信你后台处理不了一个options请求）

B 第二步：服务器accepted 第一步请求后 浏览器自动执行第二步 发送真正的请求。此时 大多数人 会发现请求成功了，但是 有那么几个人会发现 请求成功了但是没有任何信息返回 why？因为你自定义的请求头在服务器响应中不存在！

查看console输出 会发现一个问题：

“Access-Control-Allow-Headers 列表中不存在请求标头 XXXXXX”【IE】，

request header field xxxxxx is not allowed by Access-Control-Allow-Header【chrome】

这是因为 你的XXXX请求头 没有在服务器端被允许哦~

遇到这个问题 只有通过修改服务器端来完成，举例：需要设置 requesttype这么一个自定义头，那么 你需要在 服务端里面 将header('Access-Control-Allow-Headers:x-requested-with,content-type，requesttype');  同学们自行体会吧 这种语法就是根据“,”分割 自己需要设置什么头，必须要在 服务端请求的响应头里面设置好，不然客户Duan永远永远提交不上去！

源码已经发布：https://bbs.125.la/forum.php?mod=viewthread&tid=14640956

wuyou1234

我让楼主失望，我就是那个啥也不会的还不敢问的小菜菜。

qzser1

支持开源~！感谢分享

liangshenda

感谢发布原创作品，我一定要好好学习，天天向上.

rsuper

跨域最好少做

花老板

首先，从国际HTML标准文档里来说，是不允许跨域的。
但是，如果对方允许你跨域，即在可接收列表里，这时候就允许了。
不过，我说的是HTML前端，js也是。
放在php后端代码里，又不一样了，他是完全跟C接轨的。

刘海斌

还有一种方式，nginx反向代理
location /api {
             proxy_pass http://127.0.0.1:8080/;
             index  index.html index.htm index.jsp;
}

zhimi

能看到这份手稿的人，本人不相信你后台处理不了一个options请求）；嘿~！让楼主失望了。我就是那个后台处理不了的一个！

boll07

（能看到这份手稿的人，本人不相信你后台处理不了一个options请求）；嘿~！让楼主失望了。我就是那个后台处理不了的一个！

浅浅`

神一样的女人 发表于 2020-10-22 16:03
为什么我上次，只弄了
header('Access-Control-Allow-Origin:*');  //支持全域名访问，不安全，部署后需要 ...

一些js库的ajax请求会自动发送options