用本地运行的demo快速入门跨域

yy736044583 发布于2019-08-20 17:19 / 3070人阅读

摘要：学习建议在学习其中一种跨域方法的时候，建议边运行项目里的，边在网上搜索博客文章学习这种跨域方法，这样有助于快速并且深入理解跨域。鉴于网上有很多文章详细讲述跨域知识，只是少了可以本地运行的，所以这里就不再赘述跨域知识。

前言

因为学习跨域需要配置本地服务器，可能会比较麻烦，所以自己根据网上的博客写了大多数跨域的简单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...

云服务器 GPU云服务器本地不运行用云服务器本地不运行用云服务器失败 [标签:标题] webrtc demo 只能本地 webrtc demo 本地部署

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83489.html

用本地运行的demo快速入门跨域

摘要：学习建议在学习其中一种跨域方法的时候，建议边运行项目里的，边在网上搜索博客文章学习这种跨域方法，这样有助于快速并且深入理解跨域。鉴于网上有很多文章详细讲述跨域知识，只是少了可以本地运行的，所以这里就不再赘述跨域知识。前言因为学习跨域需要配置本地服务器，可能会比较麻烦，所以自己根据网上的博客写了大多数跨域的简单demo，可以自己在本地运行，而且不用配置服务器。自己对于跨域的理解刚开始...

GraphQuery 2019-08-29 12:48 评论0 收藏0
用本地运行的demo快速入门跨域

摘要：学习建议在学习其中一种跨域方法的时候，建议边运行项目里的，边在网上搜索博客文章学习这种跨域方法，这样有助于快速并且深入理解跨域。鉴于网上有很多文章详细讲述跨域知识，只是少了可以本地运行的，所以这里就不再赘述跨域知识。前言因为学习跨域需要配置本地服务器，可能会比较麻烦，所以自己根据网上的博客写了大多数跨域的简单demo，可以自己在本地运行，而且不用配置服务器。自己对于跨域的理解刚开始...

Integ 2019-08-01 17:00 评论0 收藏0
跨域

摘要：跨域的简单小这是一个关于跨域的简单集合，在里面会加上自己的理解并添加相应的注释，尽量以简单的介绍跨域的方法，适合入门学习跨域的。介绍用的框架在端口和端口分别开启一个静态服务器，在两个端口间进行跨域传输数据。跨域的简单小demo 这是一个关于跨域的简单demo集合，在demo里面会加上自己的理解并添加相应的注释，尽量以简单的demo介绍跨域的方法，适合入门学习跨域的。所有demo都是使...

v1 2019-08-22 13:51 评论0 收藏0
前端相关大杂烩

摘要：希望帮助更多的前端爱好者学习。前端开发者指南作者科迪林黎，由前端大师倾情赞助。翻译最佳实践译者张捷沪江前端开发工程师当你问起有关与时，老司机们首先就会告诉你其实是个没有网络请求功能的库。前端基础面试题(JS部分) 前端基础面试题(JS部分) 学习 React.js 比你想象的要简单原文地址：Learning React.js is easier than you think 原文作...

fuyi501 2019-08-22 13:46 评论0 收藏0