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

Integ 发布于2019-08-01 17:00 / 3151人阅读

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

前言

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

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

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

yy736044583 2019-08-20 17:19 评论0 收藏0
用本地运行的demo快速入门跨域

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

GraphQuery 2019-08-29 12:48 评论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