1.jsonp跨域(前端)
JSON返回的是一串数据,而JSONP返回的是脚本代码
JSONP只支持get请求,不支持post请求
2.nginx反向代理(后端)
www.baidu/index.html需要调用www.sina.com/server.php,可以写一个接口www.baidu.com/server.php,由这个接口在后端去调用www.sina.com/server.php并拿到返回值,然后再返回给index.html
3.PHP端修改header(后端)
header(‘Access-Control-Allow-Origin’);允许所有来源访问
header(‘Access-Control-Allow-Method:POST,GET’);允许访问的方式
4.document.domian(后端)
跨域分两种,一种xhr不嗯呢该访问不同源的文档,另一种是不同window之间不能进行交互操作。
document.domain主要是解决第二种情况,而且设置是有限制的,只能把document.domain设置成自身或更高一级的父域且主域必须相同。
兼容性:所有浏览器都支持
优点:可以实现不同window之间的相互访问和操作
缺点:只适用于父子window之间的通信,不能用于xhr
只能在主域相同且子域不同的情况下使用
5.window.name(前端)
关键点:window.name在页面的生命周期里共享一个window.name
兼容性:所有浏览器都支持
优点:最简单的利用了浏览器的特性来做到不同域之间的数据传递
不需要前端和后端的特殊配置
缺点:大小限制:window.name最大size是2M左右,不同浏览器中会有不同约定
安全性:当前页面所有window都可以修改,很不安全
数据类型:传递数据只能限于字符串,如果是对象或者其他会自动被转化为字符串
6.postMessage(前端)
postMessage是h5引入的一个新概念,现在也在进一步的推广和发展中,他进行了一系列的封装,我们可以通过window.postMessage的方式进行使用,并可以监听其发送的消息
兼容性:移动端可以放心用,但是pc端需要做降级处理
优点:不需要后端介入就可以做到跨域,一个函数外加两个参数就可以搞定
移动端兼容性好
缺点:无法做到一对一的传递方式
如何解决跨域问题
最新推荐文章于 2024-04-04 08:21:11 发布