浏览器跨域办法

参考文章: https://www.cnblogs.com/2050/p/3191744.html
开发中的跨域办法总结

一、jsonp

实现思路:
前端请求:html页面发送请求的时候在请求地址上加上参数callback=xxx,比如callback=test(当然callback也可以是别的,需要跟服务器端约定),同时,本地必须有一个叫test的函数
服务器端:接收到请求的时候,解析参数,得到前端传来的函数名test,然后给前端返回数据的时候把test也带上,比如要返回{a:2,b:3},实际返回的是字符串'test({"a":"2","b":"3"})',而浏览器收到这段字符串的时候,就会自动的去执行字符串里的代码,最终执行的就是test({a:2,b3}),就拿到了实际的数据{a:2,b:3};

二、通过修改document.domain来跨子域

实际就是把两个域让他们的变成同域的,有条件限制,必须主域相同才可以

三、使用window.name来进行跨域

在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name,

四、使用HTML5中新引进的window.postMessage方法来跨域传送数据

一个页面有几个框架的那种情况下,每一个框架都有一个window对象,他们之间可以通过postMessage传递信息

五、服务器设置跨域

php、java等都可以设置允许哪些命名访问

六、给浏览器设置跨域(开发时常用)

七、使用代理

我们经常使用webpack就可以设置

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    Yaoxue9阅读 5,145评论 0 6
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    HeroXin阅读 4,326评论 0 4
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    他方l阅读 4,721评论 0 2
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,404评论 1 45
  • 一天,闺蜜给我发微信,她怀孕了,但是不想要。 我很震惊。 她女儿十个月了。春节前,婆婆跟着她们在天津领孩子。她们在...
    陌上的花阅读 1,715评论 0 3

友情链接更多精彩内容