首页 / 科技百科 / 正文

前端解决跨域问题(9个方法)

通过jsonp跨域 document.domain + iframe跨域 location.hash + iframe window.name + iframe跨域 postMessage跨域 跨域资源共享(CORS) nginx代理跨域 nodejs中间件代理跨域 WebSocket协议跨域

一. 通过jsonp跨域。通常为了减轻web服务器的负载,我们把js、css,img等静态资源分离到另一台独立域名的服务器上,在html页面中再通过相应的标签从不同域名下加载静态资源,而被浏览器允许,基于此原理,我们可以通过动态创建script,再请求一个带参网址实现跨域通信。

二. document.domain + iframe跨域。此方案仅限主域相同,子域不同的跨域应用场景。

三. location.hash + iframe跨域。实现原理: a欲与b跨域相互通信,通过中间页c来实现。 三个页面,不同域之间利用iframe的location.hash传值,相同域之间直接js访问来通信。

如有侵权请及时联系我们处理,转载请注明出处来自