目录
什么是跨域
概念
同源策略及限制内容
常见跨域场景
如何解决跨域
CORS
Nginx代理跨域
Node中间件代理跨域
WebSocket
postMessage
JSONP
其他
什么是跨域
概念
在此之前，我们了解一下一个域名地址的组成：
跨域指的是在网络安全中，由于浏览器的同源策略（Same-Origin Policy）限制，当一个网页的协议、域名或端口与另一个网页的协议、域名或端口不同时，就存在跨域问题。如果缺少同源策略的限制，可能会导致安全隐患，如跨站脚本攻击（XSS）或跨站请求伪造（CSRF）等。
同源策略及限制内容
同源策略是浏览器的一项安全机制，它限制了来自不同源的脚本对当前文档的访问。同源策略要求资源必须来自同一个源（即协议、域名和端口相同），并限制了对以下内容的访问：
-
Cookie、LocalStorage、IndexedDB 等存储性内容：不允许在不同源之间读取或写入这些数据。
-
DOM 节点：不允许获取来自不同源的 DOM 元素。
-
AJAX 请求发送后的响应数据：如果发起了跨域的 AJAX 请求，浏览器会阻止读取其响应内容。
但是有三个标签允许跨域加载资源，它们不受同源策略限制：