为什么发送多个选项请求，即使访问控制允许原点设置为*？

Question

我已经构建了一个API（API.example.com），希望它可以从www.example.com访问。com
我还希望它可以从其他域访问

为此，我添加了访问-控制-允许-起源：*

但是当我打开www.example.com时，在所有api请求之前发送了一个预飞行请求（OPTIONS请求）
如何停止多个预飞行请求？我想应该只有一个起飞前的要求，我做错了什么！！！？或者浏览器在每次通话前都要发送飞行前请求是很自然的吗？
注意：我不想使用JSONP，因为我正在使它公开访问访问控制允许起源：*

期权看涨头

Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:accept, authorization
Access-Control-Request-Method:GET
AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2
Connection:keep-alive
Host:api.touchtalent.biz
Origin:http://www.example.com
Referer:http://www.example.com/artist/52894/pratim-relekar
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/35.0.1916.114 Safari/537.36

期权看涨期权响应

Access-Control-Allow-Headers:origin, x-requested-with, content-type, Authorization
Access-Control-Allow-Methods:PUT, GET, POST, DELETE
Access-Control-Allow-Origin:*
Connection:Keep-Alive
Content-Encoding:gzip
Content-Length:163
Content-Type:text/html
Date:Fri, 13 Jun 2014 14:24:55 GMT
Keep-Alive:timeout=5, max=98
Server:Apache/2.2.22 (Ubuntu)
Vary:Accept-Encoding
X-Powered-By:PHP/5.4.6-1ubuntu1.8

获取请求头

Accept:application/json, text/plain, */*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2
Authorization:Bearer VtQJqaTGd7YFb8Mee6GfiLwiRrUdt2iCp9ITuiUE
Connection:keep-alive
Host:api.touchtalent.biz
Origin:http://www.example.com
Referer:http://www.example.com/artist/52894/pratim-relekar
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/35.0.1916.114 Safari/537.36

获取请求-响应头

Access-Control-Allow-Headers:origin, x-requested-with, content-type, Authorization
Access-Control-Allow-Methods:PUT, GET, POST, DELETE
Access-Control-Allow-Origin:*
Connection:Keep-Alive
Content-Length:1116
Content-Type:application/json
Date:Fri, 13 Jun 2014 14:24:55 GMT
Keep-Alive:timeout=5, max=97
Server:Apache/2.2.22 (Ubuntu)
Status:200
X-Powered-By:PHP/5.4.6-1ubuntu1.8

虽然我不想提供一个URL，因为它会随着开发的进行而中断。但是如果有帮助的话：http://www.touchtalent.biz/home

更新1：
一旦我删除了授权：承载VtQJqaTGd7YFb8Mee6GfiLwiRrUdt2iCp9ITuiUE头，它就停止了多次预飞行请求。
但是删除这个头会破坏oauth实现。我仍然必须防止多次预飞行请求而不删除自定义标头。我该怎么做呢？
更新2：
添加访问控制最大年龄帮助，现在它不发送相同请求的预飞行。但是对于不同的请求（不同的网址）它发送多个OPTIONS请求。

Answer 1

预飞行是由您的内容类型的"应用程序/json"触发的。防止这种情况的最简单方法是在您的情况下将内容类型设置为“文本/普通”。应用程序/x-www. form-urlencoded内容类型也是可以接受的，但是您当然需要适当地格式化您的请求负载。

如果您在进行此更改后仍然看到预飞行，那么Angular可能也在向请求添加X标头。

Answer 2

您可以尝试添加诸如Access-Control-Max-age之类的标头，以尽量减少重复的OPTIONS请求。这将告诉浏览器缓存飞行前信息。看http://www.w3.org/TR/2008/WD-access-control-20080912/#access-control-max-age