媒介
由于进修跨域须要设置当地服务器,可能会比较贫苦,所以本身依据网上的博客写了大多数跨域的简朴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…