前后端数据交互经常会碰到请求跨域,什么是跨域,以及有哪几种跨域方式,这是本文要探讨的内容。
一、什么是跨域?
1.什么是同源策略及其限制内容?
同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。
![url的组成](https://camo.githubusercontent.com/682f5a44f1307c69ea9a1134605471417153b1d5/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323031382f352f32332f313633386233353739643965656233323f773d38373226683d32303826663d706e6726733d3737303432)
同源策略限制内容有:
- Cookie、LocalStorage、IndexedDB 等存储性内容
- DOM 节点
- AJAX 请求发送后,结果被浏览器拦截了