KindEditor整合七牛云跨域完美解决！跨域不再烦

KindEditor与七牛云的跨域整合：从成因到解决方案

缘起：跨域的拦路虎

在Web开发的汪洋大海中，整合富文本编辑器和云存储平台是一项颇为常见的任务。然而，当我们试图将功能强大的KindEditor与七牛云这个业界翘楚联姻时，却常常会遭遇跨域这个拦路虎。跨域问题简单来说，就是由于浏览器同源策略的限制，使得不同域名的资源无法访问彼此，就好像被一道无形的防火墙阻隔在外。当KindEditor试图向七牛云上传图片时，就会陷入这种困境。

跨域的成因：同源策略的护城河

同源策略是浏览器的一项安全机制，旨在防止恶意脚本窃取敏感信息。它规定只有来自相同源（协议、域名和端口）的脚本才能访问彼此的文档对象模型（DOM）。当KindEditor向七牛云发起上传请求时，由于两者来自不同的域名，因此浏览器就会触发跨域保护机制，拒绝KindEditor的访问。

跨域的破解：跨域解决方案的锦囊

为了突破同源策略的藩篱，我们需要祭出跨域解决方案的锦囊。比较常见的跨域解决方案包括代理服务器、CORS（跨域资源共享）和JSONP（JSON with Padding）。

代理服务器：搭建跨域桥梁

代理服务器就像一座跨域桥梁，它转发请求，在幕后默默传递信息。KindEditor向代理服务器发起请求，代理服务器再将请求转发给七牛云。这样一来，KindEditor就绕过了同源策略的限制，顺利访问七牛云。

CORS：开启跨域之门

CORS是浏览器为跨域请求专门开启的一扇大门。它允许不同源的资源在特定条件下相互访问。七牛云的服务器支持CORS，当KindEditor发起请求时，七牛云会发送一个预检请求，询问浏览器是否允许KindEditor跨域访问。如果浏览器允许，七牛云就会发送一个包含Access-Control-Allow-Origin首部的响应，准许KindEditor跨域访问。

JSONP：巧用回调函数

JSONP是一种巧妙的跨域解决方案，它利用了