解决跨域问题

      最后更新:2022-07-02 07:52:36 手机定位技术交流文章

      跨域

      • 1.Jsonp
      • 2.CORS服务器设置允许跨域
      • 3.XHR2
      • 4 proxy代理
        • 正向代理
        • 反向代理
      • 5.nginx反向代理,由后端完成
      • 6.window.postMessage()
        • iframe HTML元素代表嵌入式浏览上下文。
      • 7.WebSocket协议
        • 单一、半双、全双通信模式
        • scoket.io

      1.Jsonp

      2.CORS服务器设置允许跨域

      可以发送,发送

      3.XHR2

      区别:
      代理实现是最麻烦的,但最广泛使用的,任何启用Ajax的浏览器都可以使用的方法
      JSONP相对简单,但只支持GET调用
      XHR2是最简单的,但只支持HTML5。如果你是一个移动开发者,你可以选择使用XHR2

      4 proxy代理

      基于webpack,通过webpack-dev-server
      类似于模拟一个没有跨域的 nginx服务器请求服务器的节点

      正向代理

      直接代理的对象是客户,它隐藏了真正的客户
      在您在浏览器中输入URL后,浏览器不会访问相应的服务器,而是将请求发送给发送代理,然后由发送代理发送给服务器

      反向代理

      反向代理的对象是服务端,隐藏实际服务器

      逆代理服务器将帮助我们将请求转移到真正的服务器

      我们经常说 Nginx是一个非常高效的反向代理服务器,可以用于负载平衡

      5.nginx反向代理,由后端完成

      6.window.postMessage()

      该方法可以安全地实现跨源通信(例如,它生成的页面与弹出窗口之间的通信)或页面与其中嵌入的iframe之间的通信。

      iframe HTML元素代表嵌入式浏览上下文。

      嵌入另一个HTML页面到当前页面中。每个嵌入的浏览上下文都有自己的会议历史记录和文档。

      7.WebSocket协议

      它是网络通信协议,HTML5已经开始为单一的TCP连接提供完全双重通信。
      在WebSocket API中,浏览器和服务器可以直接创建持久的连接,并且仅在握手完成后,可以双向传输数据。

      WebSocket目前支持两个统一的资源标记,ws和ws,类似HTTP和HTTPPS。 升级和连接字段告诉服务端WebSocket协议已启动

      单一、半双、全双通信模式

      scoket.io

      Socket.io是一个WebSocket库,它旨在为不同浏览器和移动设备建立实时应用程序。

      本文由 在线网速测试 整理编辑,转载请注明出处,原文链接:https://www.wangsu123.cn/news/28980.html

          热门文章

          文章分类