資訊專欄INFORMATION COLUMN
摘要：學習建議在學習其中一種跨域方法的時候，建議邊運行項目里的，邊在網上搜索博客文章學習這種跨域方法，這樣有助于快速并且深入理解跨域。鑒于網上有很多文章詳細講述跨域知識，只是少了可以本地運行的，所以這里就不再贅述跨域知識。
前言
因為學習跨域需要配置本地服務器，可能會比較麻煩，所以自己根據網上的博客寫了大多數跨域的簡單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...
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112152.html
摘要：學習建議在學習其中一種跨域方法的時候，建議邊運行項目里的，邊在網上搜索博客文章學習這種跨域方法，這樣有助于快速并且深入理解跨域。鑒于網上有很多文章詳細講述跨域知識，只是少了可以本地運行的，所以這里就不再贅述跨域知識。 前言 因為學習跨域需要配置本地服務器，可能會比較麻煩，所以自己根據網上的博客寫了大多數跨域的簡單demo，可以自己在本地運行，而且不用配置服務器。自己對于跨域的理解剛開始...
摘要：學習建議在學習其中一種跨域方法的時候，建議邊運行項目里的，邊在網上搜索博客文章學習這種跨域方法，這樣有助于快速并且深入理解跨域。鑒于網上有很多文章詳細講述跨域知識，只是少了可以本地運行的，所以這里就不再贅述跨域知識。 前言 因為學習跨域需要配置本地服務器，可能會比較麻煩，所以自己根據網上的博客寫了大多數跨域的簡單demo，可以自己在本地運行，而且不用配置服務器。自己對于跨域的理解剛開始...
閱讀 2831·2023-04-25 18:58
閱讀 976·2021-11-25 09:43
閱讀 1210·2021-10-25 09:46
閱讀 3494·2021-09-09 11:40
閱讀 1679·2021-08-05 09:59
閱讀 868·2019-08-29 15:07
閱讀 956·2019-08-29 12:48
閱讀 695·2019-08-29 11:19
