跨域请求是指客户端发起的请求和服务器所在的域名不同，比如客户端在浏览器中访问域名为 a.com 的网站，但是该网站请求的数据却存储在域名为 b.com 的服务器上，这时就会出现跨域请求。由于安全因素，浏览器限制跨域请求，所以我们需要在服务器端进行一些特殊处理才能正确处理跨域请求。
在 Koa.js 中处理跨域请求有很多种方法，接下来我们将介绍其中的两种方式：CORS 和 JSONP。
CORS
CORS 是跨域资源共享（Cross Origin Resource Sharing）的缩写，是一个 W3C 标准，定义了在跨域情况下，浏览器如何安全地访问跨域资源，并且允许服务器进行一些特殊处理。
在 Koa.js 中，通过使用 koa2-cors 中间件，可以很方便地处理跨域请求。
首先，我们需要在项目中安装 koa2-cors：
npm install koa2-cors --save
接下来，在 Koa.js 项目中使用：
-- -------------------- ---- ------- ----- --- - --------------- ----- ---- - --------------------- ----- --- - --- ------ -- -- --------- ----------------- ---------------- -- --------- ------------- ----- -- - -------- - ------ ------- --- ---------------- -- -- - ----------------------- ---
在上述代码中，我们首先导入了 koa2-cors 库，然后在 app 中使用中间件，允许来自所有域名的请求。接下来，我们定义了一个简单的路由处理函数，最后启动了服务器。这样，我们就可以访问 localhost:3000 接口，并且不受域名限制了。
JSONP
JSONP 是另一种处理跨域请求的方式，它可以克服浏览器的跨域限制，通过动态添加 script 标签，将请求的数据写入到回调函数中，从而达到跨域请求的目的。
在 Koa.js 中，通过使用 koa-jsonp 中间件，可以很方便地处理 JSONP 格式请求。
首先，我们需要在项目中安装 koa-jsonp：
npm install koa-jsonp --save
接下来，在 Koa.js 项目中使用：
-- -------------------- ---- -------
----- --- - ---------------
----- ----- - ---------------------
----- --- - --- ------
-- -- --------- --------- ------ ---- ----- -----
-----------------
-- -- ----- ---------
------------- ----- -- -
----- - -------- - - ---------- -- -------- ----------
----- ---- - -
----- -----
---- --
--
-- ------ ----- -------------
-------- - ---------------------------------------
---
---------------- -- -- -
-----------------------
---在上述代码中，我们首先导入了 koa-jsonp 库，然后在 app 中使用中间件对路由中的 /jsonp 接口进行 JSONP 格式的处理。接下来，我们定义了一个简单的路由处理函数，根据请求中的 callback 参数，将数据写入到 JSONP 格式的回调函数中，并返回给客户端。
总结
通过上述两种方式，我们可以很方便地处理跨域请求，但是每种方式都有其优点和缺点，需要根据具体情况选择。
CORS 的优点是简单易用，支持所有 HTTP 请求类型，但是在某些浏览器上需要特殊处理，不能支持 IE8 及以下版本。
JSONP 的优点是兼容性好，不需要服务器端特殊支持，但是只支持 GET 请求，并且容易受到 XSS 攻击。
为了更好地保障网站的安全和稳定性，在实际应用中，我们应该根据具体情况选择合适的跨域方式，并对跨域请求进行限制和防范攻击。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648eb21b48841e9894d155d9