有哪些前端实现跨域请求的技术方法？

本文共计3393个文字，预计阅读时间需要14分钟。

方案：1. JSONP；2. 使用document.domain和iframe；3. 使用location.hash和iframe；4. 使用window.name和iframe；5. postMessage；6. CORS；7. nginx代理等。

操作环境：Windows 7系统、Node.js 14.15.4、Docker等。

方案：1、jsonp；2、“document.domain”和iframe；3、“location.hash”和iframe；4、“window.name”和iframe；5、postMessage；6、CORS；7、nginx代理等等。

什么是跨域？

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。

广义的跨域：

1.) 资源跳转： A链接、重定向、表单提交 2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链 3.) 脚本请求： js发起的ajax请求、dom和js对象的跨域操作等

其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。