媒介

由于进修跨域须要设置当地服务器，可能会比较贫苦，所以本身依据网上的博客写了大多数跨域的简朴demo，能够本身在当地运转，而且不必设置服务器。本身关于跨域的明白刚开始也仅仅在于网上的博客文章，经由过程写这些能够当地运转的demo让我对跨域有了更直面的明白，愿望这些demo对你们有协助，有毛病的话迎接斧正，迎接PR。

github地点: https://github.com/FatDong1/c…

多种跨域demo

• CROS跨域

• JSONP跨域

• postMessage跨域，html5新API

• window.name跨域

• location.hash跨域

• document.domain跨域

• 后端proxy代办跨域

  • demo1，经由过程运用http-proxy-middleware插件设置后端的代办

  • demo2，不运用插件去设置代办，越发原生地诠释了proxy跨域的道理

• websocket跨域

长处

• 经由过程当地运转demo，能够疾速明白多种跨域。

• demo简朴易懂，内附许多解释。

• 进修门坎低。

道理

经由过程nodeJS的express框架在3000端口和3001端口离别天生服务器，在3000端口和3001端口举行跨域接见。

项目运转环境

全局装置

• nodeJS

• npm

• git

进修这些demo须要的基本

• git clone项目到当地

• 一点点nodeJS学问，解释内里大部分有解说node学问，假如不会nodeJS也是能够去进修这些demo的。

进修发起

在进修个中一种跨域要领的时刻，发起边运转项目里的demo，边在网上搜刮博客文章进修这类跨域要领，如许有助于疾速而且深切明白跨域。鉴于网上有许多文章细致报告跨域学问，只是少了能够当地运转的demo，所以这里就不再赘述跨域学问。

末了

假如demo内里有什么毛病，迎接拍砖，假如有什么地方诠释不清楚，能够在segmentfault私信我或许在gihtub提issue。

本文已同步到我的博客– https://www.xuhaodong.cn/arti…