含义：

浏览器安全的基石是“同源政策”（same-origin policy）“，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。最初，它的含义是指，A 网页设置的 Cookie，B 网页不能打开，除非这两个网页“同源”。所谓“同源”指的是”三个相同“。

同源条件：

协议相同

域名相同

端口相同

举例：http://www.example.com/dir/page.html 这个网址，协议是http://，域名是www.example.com，端口是80（默认端口可以省略），它的同源情况如下。

http://www.example.com/dir2/other.html：同源(协议，域名，端口都相等)

http://example.com/dir/other.html：不同源（域名不同）

http://v2.www.example.com/dir/other.html：不同源（域名不同）

http://www.example.com:81/dir/other.html：不同源（端口不同）

https://www.example.com/dir/page.html：不同源（协议不同）

同源的目的：

同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。

案例：设想这样一种情况：A 网站是一家银行，用户登录以后，A 网站在用户的机器上设置了一个 Cookie，包含了一些隐私信息（比如存款总额）。用户离开 A 网站以后，又去访问 B 网站，如果没有同源限制，B 网站可以读取 A 网站的 Cookie，那么隐私信息就会泄漏。更可怕的是，Cookie 往往用来保存用户的登录状态，如果用户没有退出登录，其他网站就可以冒充用户，为所欲为。因为浏览器同时还规定，提交表单不受同源政策的限制。

所以源政策是必需的，否则 Cookie 可以共享，互联网就毫无安全可言了。

非同源的限制范围：

随着互联网的发展，同源政策越来越严格。目前，如果非同源，共有三种行为受到限制。

无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB。

无法接触非同源网页的 DOM。

无法向非同源地址发送 AJAX 请求（可以发送，但浏览器会拒绝接受响应）。

跨源通信方法：

同源政策规定，AJAX 请求只能发给同源的网址，否则就报错。除了架设服务器代理（浏览器请求同源服务器，再由后者请求外部服务），有三种方法规避这个同源政策。

JSONP

WebSocket

CORS