简单总结：

跨域的发生是前端页面发起了异源的非简单请求的行为，会触发的客户端和服务端的确认机制，由客户端（一般是浏览器）向服务端发起一个请求方式为**OPTIONS**的预见请求询问服务器是否允许实际的跨域请求
要理解跨域的行为机制和跨域问题的解决办法，需要理清楚以下几个概念：

同源和异源的概念

同源请求（Same-Origin Request）是指浏览器从当前文档的源发起的请求，且请求的目标地址与当前文档的源相同。在 Web 开发中，源（Origin）由三个部分组成：

协议（Protocol）
域名（Domain）
和端口号（Port）

只有当这三个部分都相同时，请求才会被认为是同源的。否则就是异源请求；

简单请求和非简单请求

非简单请求（Non-Simple Request）是跨源资源共享（CORS）中的概念，它指的是不符合简单请求（Simple Request）条件的请求。根据 CORS 规范，一个请求要被认为是“简单”的，必须满足以下所有条件：

使用简单方法：

请求必须使用以下方法之一：

GET
POST
HEAD

使用简单头部：

请求中的 HTTP 请求头必须至少包括以下字段之一，且不能包含其他字段：

Accept
Accept-Language
Content-Language
Content-Type（只限于以下三个值之一）
- application/x-www-form-urlencoded
- multipart/form-data
- text/plain

没有额外的请求头：

请求不能包含任何其他自定义请求头。

没有请求体：

对于 POST 请求，如果 Content-Type 是application/x-www-form-urlencoded、multipart/form-data 或 text/plain 之一，则请求体是允许的。除此之外，如果 POST 请求包含请求体，那么它将被视为非简单请求。

不使用 HTTP 扩展：

请求不能使用任何 HTTP 扩展，例如，不能在请求中包含 PUT、DELETE、CONNECT 等方法。
如果一个请求不满足上述所有条件，它就会被视为非简单请求。

报错样式

network 报错

console 报错

服务端如何处理跨域

跨域校验机制

非简单请求在发送之前，浏览器会先发送一个预检请求（preflight request）到服务器，询问服务器是否允许实际的跨域请求。
预检请求是一个 OPTIONS 请求，它包含了 Access-Control-Request-Method 和 Access-Control-Request-Headers 头部，分别表示实际请求将使用的方法和头部信息。