同源策略与跨域资源共享，如何实现兼容？

同源策略，那玩意儿到底是个啥子？

栓Q了... 先说一句， 我在调试跨域接口时简直想把键盘砸成碎片——同源策略这只“隐形的怪兽”，总在不经意间给你来个“啪”。它的核心原则就是：协议、域名、端口必须三者相同否则浏览器就会把你的请求拦在门外。别kan它名字听起来hen官方， 实际玩起来却像是一只脾气古怪的猫你喂它一点点的罐头，它才可Neng稍微温顺一点。

跨域资源共享到底是怎么拯救我们的？

说白了CORS 就是让服务器主动声明：“嘿，我愿意把资源分享给这些特定的来源”。于是浏览器会先发一个 OPTIONS 预检请求， 啥玩意儿？ 等到服务器回复了合规的 Access-Control-Allow-Origin 之类的头部信息后才放行真正的数据请求。

不过这套机制也不是完美无缺。比如：

• 如guo服务器忘记写 * huo者具体域名，你就只Neng眼睁睁kan着页面报错。
• 有时候预检请求本身就会被防火墙拦截——那叫一个“痛并快乐着”。😂
• 还有那些老旧浏览器根本不支持 CORS，只Neng靠 JSONP huo者 iframe hack 来凑合。

兼容性大乱斗：我们到底该怎么搞？

挽救一下。 1️⃣ 用代理服务器转发——Zui原始但Zui靠谱的办法。

奥利给！ 把跨域请求quan部交给自己的后端转发，一切dou变成同源请求。缺点是：

• 增加了服务器负载。
• 如guo不加鉴权，还可Neng泄露内部 API。
• 但对老旧浏览器友好度Zui高！

2️⃣ 利用 Nginx/Apache 的 CORS 配置——技术宅的常规手段。