九种跨域方式的实现原理，第一个就超惊艳！( 五 )

2025-12-31 跨域

我们看个例子：页面 a.zf1.cn:3000/a.html获取页面 b.zf1.cn:3000/b.html中a的值。
// a.html<body> helloa <iframe src=https://www.isolves.com/it/cxkf/bk/2019-07-01/"http://b.zf1.cn:3000/b.html" frameborder="0" onload="load()" id="frame"> // b.html hellob 总结

CORS支持所有类型的HTTP请求，是跨域HTTP请求的根本解决方案
JSONP只支持GET请求，JSONP的优势在于支持老式浏览器，以及可以向不支持CORS的网站请求数据。
不管是Node中间件代理还是nginx反向代理，主要是通过同源策略对服务器不加限制。
日常工作中，用得比较多的跨域方案是cors和nginx反向代理

参考文章

跨域资源共享 CORS 详解
前端面试之道
window.postMessage
前端常见跨域解决方案（全）
深入跨域问题(4) - 利用代理解决跨域

作者：浪里行舟，硕士研究生，专注于前端，运营有个人公众号前端工匠，致力于打造适合初中级工程师能够快速吸收的一系列优质文章。

【九种跨域方式的实现原理，第一个就超惊艳！】

推荐阅读

上一篇：福建茶文化

下一篇：中国女足奥运会亚军女足东京奥运资格赛