POST请求未触发OPTIONS预检仍出现CORS错误，求原因解析

嘿，这个问题我之前也碰到过，给你拆解清楚哈～

为什么没看到OPTIONS预检请求？ #

首先得搞懂浏览器什么时候会发OPTIONS预检：只有当请求是「复杂请求」时才会触发预检流程，如果是「简单请求」，浏览器会直接发送实际的业务请求（比如你的POST请求）。

简单请求的判定要同时满足两个条件：

• 请求方法只能是 GET、HEAD、POST 三者之一
• 请求头只能包含浏览器默认允许的字段，比如 Accept、Accept-Language，还有 Content-Type 仅限 application/x-www-form-urlencoded、multipart/form-data、text/plain 这三种（如果是application/json这种就会触发预检）

看你的请求是POST方法，大概率Content-Type属于上面允许的类型，所以浏览器直接走了简单请求流程，没发OPTIONS预检。

为什么Network里能看到完整响应，却还是跨域报错？ #

这是同源策略的“迷惑性”表现：浏览器确实已经和服务器完成了HTTP交互，拿到了完整响应，但因为服务器返回的响应里没有Access-Control-Allow-Origin头，浏览器会出于安全考虑，把这个响应拦截下来，不交给你的前端JS代码处理。

简单说就是：Network标签能看到响应是因为HTTP请求已经完成，但你的代码拿不到这个响应——浏览器把它“扣下来”了，同时抛出跨域错误。

最后再梳理下逻辑 #

1. 你的请求符合「简单请求」标准，所以跳过OPTIONS预检，直接发POST
2. 服务器返回200响应，但缺少跨域允许头
3. 浏览器收到响应，但出于同源策略拦截，不让前端代码访问，同时报错

这样应该就明白整个过程啦～

内容的提问来源于stack exchange，提问作者GBarroso