在前端开发中，经常需要调用其他服务器的 API 接口来获取数据，但由于浏览器的同源策略（Same Origin Policy），导致请求被拒绝。因此，需要使用 CORS（Cross-Origin Resource Sharing）来解决跨域限制问题。
在 Serverless 架构中，通过 API Gateway 服务可以轻松实现跨域限制。本文将介绍如何利用 API Gateway 进行 CORS 跨域限制，并提供示例代码，方便开发者学习和应用。
什么是 CORS
CORS（Cross-Origin Resource Sharing）是一种允许跨域请求的机制。当浏览器需要跨域请求资源时，会发送一个 OPTIONS 请求，询问服务器是否允许跨域请求。如果服务器允许跨域请求，就会在响应头中添加 Access-Control-Allow-Origin 字段，允许该域名下的请求访问。如果不允许跨域请求，则浏览器会拒绝该请求。
如何在 API Gateway 中进行 CORS 限制
API Gateway 是 AWS 提供的一种服务，可以帮助开发者快速创建 RESTFul API。在 API Gateway 中，可以使用 CORS 限制跨域请求。实现跨域请求有两种方式：
- 在创建 API Gateway 时，在 CORS 的设置中添加跨域限制；
- 在 API Gateway 的资源和方法中添加跨域限制。
本文将介绍第二种方法。
首先，在 API Gateway 的资源中添加跨域资源共享，右键点击所需要添加跨域资源共享的接口资源，选择 "Enable CORS"：
接着，添加需要允许“请求方法”和“请求头”的“资源”（域名）：
至此，可以提交并保存更改。
接下来，配置 API Gateway 的资源方法，选择 CORS 菜单，配置“请求参数”和“响应参数”，保存并提交。设置完成后，API Gateway 会自动插入 OPTIONS 请求并提供允许跨域访问的响应头。
以上设置就是如何在 API Gateway 中进行 CORS 限制的方法。
示例代码
以下是使用 Express 框架编写的示例代码，演示如何使用 CORS 跨域限制：
----- ------- - -------------------
----- --- - ----------
----- ------ - -----------------
----- ---- - ----------------
-- ------
------------------- --------
-------------------
--------------- ------------- ---- ----- -
--------------- ---------
---
------------ --------
-----------------以上是一个简单的 Express 服务，其中使用了 cors 模块，设置了全局跨域请求规则。如需单独设置资源方法的跨域访问规则，可以如下配置：
--------------- ------- ------------- ---- ----- -
--------------- ---------
---以上是利用 Express 和 cors 模块实现的 CORS 跨域限制示例代码。
结论
本文介绍了如何在 Serverless 架构中使用 API Gateway 进行 CORS 跨域限制，并提供了示例代码。希望能够帮助前端开发者更容易地解决跨域访问问题，并提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6730b919eedcc8a97c92bc7d