JavaScript理论知识

14:JS 实现跨域

2022-05-19  本文已影响0人  小小前端搬运工

JSONP:通过动态创建 script,再请求一个带参网址实现跨域通信。document.domain + iframe 跨域:两个页面都通过 js 强制设置 document.domain 为基础主域,就实现了同域。

location.hash + iframe 跨域:a 欲与 b 跨域相互通信,通过中间页 c 来实现。 三个页面,

不同域之间利用 iframe 的 location.hash 传值,相同域之间直接 js 访问来通信。

window.name + iframe跨域:通过iframe的src属性由外域转向本地域,跨域数据即由 iframe 的 window.name 从外域传递到本地域。

postMessage 跨域:可以跨域操作的 window 属性之一。

CORS:服务端设置 Access-Control-Allow-Origin 即可,前端无须设置,若要带 cookie 请求,前后端都需要设置。

代理跨域:启一个代理服务器,实现数据的转发

上一篇 下一篇

猜你喜欢

热点阅读