摘要：学习建议在学习其中一种跨域方法的时候，建议边运行项目里的，边在网上搜索博客文章学习这种跨域方法，这样有助于快速并且深入理解跨域。鉴于网上有很多文章详细讲述跨域知识，只是少了可以本地运行的，所以这里就不再赘述跨域知识。
前言
因为学习跨域需要配置本地服务器，可能会比较麻烦，所以自己根据网上的博客写了大多数跨域的简单demo，可以自己在本地运行，而且不用配置服务器。自己对于跨域的理解刚开始也仅仅在于网上的博客文章，通过写这些可以本地运行的demo让我对跨域有了更直面的理解，希望这些demo对你们有帮助，有错误的话欢迎指正，欢迎PR。
多种跨域demogithub地址: https://github.com/FatDong1/c...
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...
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/83489.html
摘要：学习建议在学习其中一种跨域方法的时候，建议边运行项目里的，边在网上搜索博客文章学习这种跨域方法，这样有助于快速并且深入理解跨域。鉴于网上有很多文章详细讲述跨域知识，只是少了可以本地运行的，所以这里就不再赘述跨域知识。 前言 因为学习跨域需要配置本地服务器，可能会比较麻烦，所以自己根据网上的博客写了大多数跨域的简单demo，可以自己在本地运行，而且不用配置服务器。自己对于跨域的理解刚开始...
摘要：学习建议在学习其中一种跨域方法的时候，建议边运行项目里的，边在网上搜索博客文章学习这种跨域方法，这样有助于快速并且深入理解跨域。鉴于网上有很多文章详细讲述跨域知识，只是少了可以本地运行的，所以这里就不再赘述跨域知识。 前言 因为学习跨域需要配置本地服务器，可能会比较麻烦，所以自己根据网上的博客写了大多数跨域的简单demo，可以自己在本地运行，而且不用配置服务器。自己对于跨域的理解刚开始...
摘要：跨域的简单小这是一个关于跨域的简单集合，在里面会加上自己的理解并添加相应的注释，尽量以简单的介绍跨域的方法，适合入门学习跨域的。介绍用的框架在端口和端口分别开启一个静态服务器，在两个端口间进行跨域传输数据。 跨域的简单小demo 这是一个关于跨域的简单demo集合，在demo里面会加上自己的理解并添加相应的注释，尽量以简单的demo介绍跨域的方法，适合入门学习跨域的。所有demo都是使...
阅读 2148·2021-11-24 09:39
阅读 2328·2021-11-22 15:24
阅读 337·2021-09-04 16:46
阅读 2854·2021-09-02 09:48
阅读 2856·2021-07-26 22:01
阅读 1328·2019-08-30 11:09
阅读 1562·2019-08-29 18:47
阅读 485·2019-08-29 15:40
