Web跨域学习笔记
1.什么是跨域
①跨域是指跨域名的访问,以下情况都属于跨域:
跨域原因说明 | 示例 |
---|---|
域名不同 | www.jd.com 与 www.taobao.com |
域名相同,端口不同 | www.jd.com:8080 与 www.jd.com:8081 |
二级域名不同 | item.jd.com 与 miaosha.jd.com |
②跨域问题是浏览器对于ajax请求的一种安全限制:一个页面发起的ajax请求,只能是于当前页同域名的路径,这能有效的阻止跨站攻击。
因此:跨域问题 是针对ajax的一种限制。链接:https://www.jianshu.com/p/98d4bc7565b2
2.跨域的几种解决方案
①Jsonp:
最早的解决方案,利用script标签可以跨域的原理实现。需要服务的支持且只能发起GET请求不安全。
②CORS(Cross-origin resource sharing):
W3C标准化规范化的跨域请求解决方案,安全可靠。需要服务器支持且如果是IE浏览器则不能低于IE10。
它允许浏览器向跨源服务器发出XMLHttpRequest
请求,从而克服了AJAX只能同源使用的限制。实现CORS通信的关键是服务器。只要服务器实现了CORS接口,就可以跨源通信。浏览器将CORS请求分成两类:简单请求(simple request)和非简单请求(not-so-simple request)。CORS中浏览器对这两种请求的处理,是不一样的。
文档:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS
③proxy(如:Nginx):
通过代理服务器转发请求,实现跨域,支持各种请求方式
参考文档:https://www.jianshu.com/p/98d4bc7565b2
https://www.cnblogs.com/heioray/p/9403246.html
https://www.cnblogs.com/fanfan-90/p/13305133.html
https://zhuanlan.zhihu.com/p/163644601
https://segmentfault.com/a/1190000019438261
https://blog.mimvp.com/article/40031.html