背景
现在的前端开发中都是前后端分离的开发模式,数据的获取并非同源,所以跨域的问题在我们日常开发中特别常见。其实这种资料网上也是一搜一大堆,但是都不够全面,理解起来也不够透彻。这篇文章就结合具体的示例代码以及之前分享的PPT进行整合将跨域的原理梳理一遍。
跨域的基本概念
什么是跨域,什么时候产生跨域,相信大家都是知道的。咱们这里就长话短说了。
不要觉得我夸张了,我是为了强调,强调,强调!!!^_^
浏览器为了一定的安全因素,增加了同源策略。有违同源策略的操作都是被禁止的,这个时候就会发生我们所说的跨域。如果没有同源策略会怎样?这就好玩了。
诶,请求发出去了,数据没回来。**
广义的跨域
其实浏览器加载的资源很多都是跨域的,只是有些资源的加载浏览器是允许的。
图片、CSS、Script等资源是不受同源策略限制的。
狭义的跨域
我们所说的跨域主要说的是ajax请求无法完成。