尽管设置了标头，但不允许 CORS 请求

Question

我在尝试执行XHR请求时遇到以下错误。我已经设置了CORS响应标头，但显然有问题。有人能发现错误吗？

XMLHttpRequest无法加载http://domain.dev/path.起源http://mobile.dev访问控制允许来源不允许。

飞行前请求标头（OPTIONS）

这是飞行前的请求，用于验证请求。

Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:origin, x-pre-process, x-requested-with, x-client, x-client-version, accept, x-session
Access-Control-Request-Method:GET
Cache-Control:max-age=0
Connection:keep-alive
Host:my-app.dev
Origin:http://mobile.dev
Pragma:no-cache
Referer:http://mobile.dev/
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_4) AppleWebKit/537.2 (KHTML, like Gecko) Chrome/22.0.1211.0 Safari/537.2

响应标头

这是服务器对飞行前请求的响应。

Access-Control-Allow-Headers:origin, x-pre-process, x-requested-with, x-client, x-client-version, accept, x-session
Access-Control-Allow-Methods:GET, POST, PUT, PATCH, DELETE
Access-Control-Allow-Origin:http://mobile.dev
Access-Control-Max-Age:3600
Cache-Control:max-age=0, private, must-revalidate
Connection:close
Content-Type:text/html; charset=utf-8
ETag:"7215ee9c7d9dc229d2921a40e899ec5f"
X-Request-Id:3fca5f24077bcbd1351d552edf311f82
X-Runtime:0.014551

真实请求标头

这是真正的请求，由于上面引用的错误，浏览器取消了请求。

Accept:application/json, text/javascript, */*; q=0.01
Cache-Control:no-cache
Origin:http://mobile.dev
Pragma:no-cache
Referer:http://mobile.dev/
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_4) AppleWebKit/537.2 (KHTML, like Gecko) Chrome/22.0.1211.0 Safari/537.2
X-Client:mobile
X-Client-Version:1.6
X-Pre-Process:underscore
X-Requested-With:XMLHttpRequest
X-Session:j9y01yw33txmdbcz1ao258uy7bzjlm

Answer 1

似乎有必要正确处理飞行前OPTIONS请求，但不足以让跨站点资源请求正常工作。

OPTIONS请求返回令人满意的标头后，对同一URL的任何后续请求的所有响应都必须具有必要的"Access Control Allow Origin"标头，否则浏览器将吞下它们，它们甚至不会显示在调试器窗口中。

因此，看起来浏览器取消了请求是因为OPTIONS响应中的一些问题，但实际上，浏览器正在查看真实请求的响应标头，然后拒绝它们。

（答案复制自我自己的类似问题Access Control Allow Origin标头不工作-我做错了什么？如果是一样的话）