浏览器同源策略（跨域）
浏览器同源策略是现代浏览器安全架构的核心
跨域（Cross-Origin）是指在Web开发中，浏览器出于安全考虑，限制了一个源加载的资源与另一个源加载的资源进行交互的行为。这种限制被称为同源策略（Same-Origin Policy）。
同源策略（定义）
同源策略是浏览器的一种安全机制，用于防止恶意窃取网站数据或发起攻击。
同源是指协议（Protocol）、域名（Domain）和端口（Port）都相同。
如果两个URL的协议、域名、端口都相同，他们就是同源的；否则就是跨域的。
跨域问题
由于同源策略的限制，浏览器默认不允许跨域请求。
意味着，如果一个页面尝试通过AJAX请求另一个域的资源，浏览器会阻止该请求，除非服务器明确允许。
解决跨域问题的方法
1.CORS（跨域资源共享）
CORS是一种W3C标准，允许服务器声明外部域可以访问其资源。
服务器可以通过HTTP响应头（如Access-Control-Allow-Origin）来允许特定的域或所有的域访问资源
例如，设置`Access-Control-Allow-Origin: *`允许所有域访问资源。
2.JSONP（JSON with Padding）
JSONP是一种利用<script>标签不受同源策略限制的特性来实现跨域请求的方法。
服务器返回的数据被包裹在一个回调函数中，客户端通过定义该回调函数来处理数据。
但JSONP只支持GET请求，且安全性较低。
3.代理服务器
可以通过在服务器端设置代理来绕过浏览器的同源策略。
客户端请求同源的代理服务器，代理服务器再将请求转发到目标服务器，并将响应返回给客户端。
4.WebSocket
WebSocket协议不受同源策略的限制，可以实现跨域通信。
但WebSocket通常用于实现通信场景，而不是普通的HTTP请求。
5.postMessage
postMessage是HTML5引入的一种跨文档通信机制，可以在不同窗口和iframe之间传递消息。
适合需要再不同域之间进行通信的场景。
6.反向代理
通过配置反向代理服务器（如Nginx），将不同域的资源映射到同一个域下，从而避免跨域问题。
