实现跨域通信的9种方法

k00baa 发布于2019-08-23 18:05 / 1637人阅读

摘要：实现跨域的种方法就不允许跨域携带访问文件时，会去下面文件中查找一级域名和二级域名之间的通信库结论根据不同的应用场景，选择相应的跨域通信方式。

首先明确，跨域请求只是浏览器对请求的限制，虽然跨域，服务器仍然能收到客户端请求，服务器之间通信不存在跨域问题。

1. 什么是跨域？

协议

域名

端口

只要协议、域名、端口号其中任意一者不同，均属跨域。

2. 实现跨域的9种方法

1 jsonp
2 cors
3 nginx
4 websocket
5 postMessage
6 document.domain
7 window.name
8 location.hash
9 http-proxy

jsonp cors

Access-Control-Allow-Origin: * 就不允许跨域携带cookie

nginx


location ~.*.json {
  root json;
}

postMessage document.domain

一级域名和二级域名之间的通信

window.name location.hash http-proxy websocket

socket.io库

结论

根据不同的应用场景，选择相应的跨域通信方式。

云服务器 idc机房托管三种实现方法在家赚钱的十种方法数据迁移的四种方法 Error的2种方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104644.html

关于前端跨域总结

摘要：前端开发中，跨域使我们经常遇到的一个问题，也是面试中经常被问到的一些问题，所以，这里，我们做个总结。同源策略限制了一下行为和无法读取和对象无法获取请求发送不出去常见的跨域场景所谓的同源是指，域名协议端口均为相同。前端开发中，跨域使我们经常遇到的一个问题，也是面试中经常被问到的一些问题，所以，这里，我们做个总结。小小问题，不足担心原文地址：YOU-SHOULD-KNOW-JS 什么是...

muddyway 2019-08-21 18:25 评论0 收藏0
JS跨域

摘要：跨域概述两个不同域互相请求，称为跨域，是由浏览器同源策略限制的一类请求场景。同源策略限制以下几种行为和无法读取无法获得请求不能发送目前主流的用于解决跨域问题的方法跨域缺点这种方法只适用于和窗口，和无法通过这种方法。跨域概述两个不同域互相请求，称为跨域，是由浏览器同源策略限制的一类请求场景。 --> 同源策略/SOP（Same origin policy）是浏览器最核心也最基本的安全...

whataa 2019-08-22 15:25 评论0 收藏0
杂谈：前端Web通信

摘要：作为开发同学的小伙伴客户端的浏览器，有点小调皮还做了一个同源策略的限制，当我们的数据请求遇到不同源的情况下跨域，我们就得尝试其它的通信方法，不能一条道走到黑。 showImg(https://segmentfault.com/img/bVburZO?w=600&h=450); Web2.0以来，Ajax的出世，解决了传统表单提交页面跳转，闪烁白屏等问题。使得Web页面可以实现局部更新，...

Betta 2019-08-23 10:29 评论0 收藏0