前端开发中常用的几种跨域解决方案.docx

? ? ? ? ? 「深入浅出」前端开发中常用的几种跨域解决方案 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 编者荐语 本文将为大家介绍，前端开发中，最常用的几种跨域解决方案； 看完本文可以系统地掌握，不同种跨域解决方案间的巧妙，以及它们的用法、原理、局限性和适用的场景 包括以下几个方面： 跨域的现象，和几种常见的跨域表现 跨域的解决方案（原理分析） 修改本地HOST JSONP CORS Proxy Nginx反向代理 Post Message（利用iframe标签，实现不同域的关联） 同源是什么？ 如果两个URL的协议protocol、主机名host和端口号port都相同的话，则这两个URL是同源。 同源策略 同源策略是一个重要的安全策略。它能够阻断恶意文档，减少被攻击的媒介。 真实项目中，很少有同源策略，大部分都是非同源策略 跨域是什么？ 当协议、域名与端口号中任意一个不相同时，都算作不同域，不同域之间相互请求资源的表现(非同源策略请求)，称作”跨域“。 跨域现象 那么我们就下面的网址分析一下，哪一块是协议，哪一块是域名及端口号 /index.html协议：http(还有一种https协议)域名：端口号：80:3000协议：https域名：端口号：3000 假如我们的真实项目开发中的Web服务器地址为 ”/index.html“，而需