跨域方法集锦

什么叫跨域
跨域解决方法:
1.cors(简单请求、非简单请求)
2.jsonp
3.new Image()
4.nginx反向代理
5.iframe(postmessage、document.domain、window.name、location.hash)

  • location.hash(此方法需要三个页面,index.html主页面、data.html异域页面、proxy.html代理页面。其中proxy跟index要同源
    index嵌套iframe,指向data.html.data.html嵌套iframe,指向proxy.html。这样的话,data.html加载数据后把数据放到proxy的hash中。proxy中通过监听hash的变化,然后通过window.parent.parent获取主页面的window实例)
  • window.name(此方法利用window.name在iframe的src的变化时不会改变的原理。需要两个页面,index.html和data.html。data.html在获取到数据后将数据存到window.name中。然后跳转到跟index.html同源的页面。然后index.html就可以通过iframe的window.name获取数据)

6.fetch跨域

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 什么是跨域? 跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。具体概念如下:只要协议...
    w_zhuan阅读 3,535评论 0 0
  • 1. 什么是跨域? 跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。具体概念如下:只要协议...
    他在发呆阅读 4,196评论 0 0
  • 什么是跨域? 2.) 资源嵌入:、、、等dom标签,还有样式中background:url()、@font-fac...
    电影里的梦i阅读 6,925评论 0 5
  • 有时候真的会想,世界上有这么多混蛋,为什么偏偏让我遇到一个。 你的所作所为,毫无顾忌我的感受,顾忌对我身体的影响,...
    八竖阅读 1,274评论 0 0
  • 长时间纠结于某件事,要做还是不要做的时候,会消耗你行动的能量。当你有这种想法的时候,说明你战略出了问题,你需要重新...
    木华益阅读 4,262评论 2 3