同源策略

• URL：協(xié)議+域名+端口+路徑

• 同源：協(xié)議+域名+端口 相同

• 為什么需要同源策略：保證Web安全

• 什么是同源策略：瀏覽器的同源策略，限制了來自不同域的document或腳本，對當(dāng)前document的讀取或者屬性設(shè)置。

• 在瀏覽器中，<script>、<img>、<iframe>、<link>等標(biāo)簽可以加載跨域資源（這可以認(rèn)為是同源策略為保證可用性而做的一點妥協(xié)），但其對所加載內(nèi)容的讀寫是被禁止的（比如js對于所加載的非同源圖片，只能使用判別圖片是否存在的事件）。

<script type="text/javascript" src="某個cdn地址" ></script>
<link type="text/css" rel="stylesheet" href="某個cdn地址" />
<img src="某個cdn地址" alt=""/>
<iframe id="test2" src="index2.html"></iframe>

跨域

• 代理
  • 即在同源下建立一個代理服務(wù)端，通過服務(wù)端跨域，并將結(jié)果返回前端
• Jsonp
  • 缺陷：只能Get請求
• Cors（Cross-Origin Resource Sharing）
  • 缺陷：需要高版本瀏覽器