CORS¶

Cross-Origin Resource Sharing (CORS) is an HTTP-header based mechanism that allows a server to indicate any origins (domain, scheme, or port) other than its own from which a browser should permit loading resources. CORS also relies on a mechanism by which browsers make a “preflight” request to the server hosting the cross-origin resource, in order to check that the server will permit the actual request.
起因：浏览器的跨域问题主要是由于同源策略（Same-Origin Policy）的限制所导致的。同源策略是浏览器的一种安全机制，用于防止恶意网站通过网页脚本（如 JavaScript）对其他网站的内容进行非法读取或操作。根据同源策略，如果两个页面的协议（protocol）、主机（host）和端口号（port）三者不完全相同，那么它们就被视为不同源。当一个页面尝试通过脚本访问另一个不同源的页面资源时，浏览器会阻止这种跨域请求，从而引发跨域问题。这是为了确保浏览器端的安全性，防止恶意脚本利用跨域请求窃取或篡改其他网站的数据。
简介：跨源资源共享（CORS）是一种机制，它使用额外的 HTTP 头部来告诉浏览器，让运行在一个源上的 Web 应用被准许访问来自不同源服务器上的指定的资源。这种机制通过浏览器和服务器之间的通信来放宽同源策略的限制，从而允许跨域请求。
核心思想：CORS 的核心思想是在服务器端设置一些 HTTP 响应头，以明确告诉浏览器哪些跨域请求是被允许的。当浏览器发送跨域请求时，它会首先检查响应头中的 CORS 相关字段，以确定是否允许该请求。如果允许，浏览器就会正常处理响应；否则，浏览器会阻止该请求的执行。
CORS 的解决跨域问题的方式
预检请求：对于非简单请求（如 PUT、DELETE 等请求方法，或带有自定义头部的请求），浏览器会先发送一个 OPTIONS 请求到服务器，询问是否允许该跨域请求。服务器在响应中包含相关的 CORS 头部，告诉浏览器是否允许该请求以及允许的请求方法、头部字段等。
响应头设置：服务器在响应跨域请求时，需要设置一些 CORS 相关的响应头，如 Access-Control-Allow-Origin。这个头部指定了允许访问该资源的源。如果设置为 *，则表示允许任何源进行访问。此外，还可以设置其他 CORS 相关的响应头，如 Access-Control-Allow-Methods、Access-Control-Allow-Headers 等，以进一步细化跨域访问的控制。
浏览器处理：浏览器在收到服务器的响应后，会根据响应头中的 CORS 相关字段来判断是否允许该跨域请求。如果允许，浏览器就会正常处理响应；否则，浏览器会抛出一个错误或阻止该请求的执行。