前端同源策略以及跨域解决方式

一、同源：域名、端口、协议都相同。如果有一个不同，则是跨域。

url解析图

同源策略是浏览器的安全策略，用来阻止origin文档或者是它加载的脚本与另外一个源的资源进行交互。可以阻挡恶意文档，减少被攻击的路径。
同源策略是一种约定，web是构建在此基础之上的，浏览器只是真的就它的一种实现。
当在浏览器打开两个tab页，分别是百度谷歌，当在百度加载脚本时，将会检查这个脚本是否同源，如果不是，则会拒绝访问。
同源策略是浏览器的行为，为了保护本地数据不被请求回来的数据污染，拦截的是客户端发出的请求请求回来的数据，服务器响应了数据，但是被同源策略拦截。

二、跨域：非同源资源之间尝试通信，将产生跨域

同源策略出于安全考虑，限制了以下行为：Cookie、LocalStorage、IndexDB无法读取，DOM和JS对象无法获取、Ajax请求发送不出去
但是有三个标签允许跨域加载资源： 、 、