AWSAPIGateway跨域资源共享(CORS)设置问题
创始人
2024-11-19 05:00:35
0次

在AWS API Gateway中,需要设置跨域资源共享(CORS)以允许从其他域中的Web浏览器访问API资源。以下是实现该设置的步骤和代码示例:

步骤1:在AWS API Gateway中,选择要添加CORS Headers的REST API(API资源)。

步骤2:在REST API菜单中,选择'Actions”按钮,然后选择'Enable CORS”。

步骤3:在'Enable CORS”窗口中,配置CORS设置并单击'Enable CORS and replace existing CORS headers”按钮。

以下是示例代码,展示了如何使用Lambda函数和API Gateway集成来设置CORS。

在Lambda函数中,使用以下代码添加CORS响应头:

exports.handler = function (event, context, callback) { var response = { "statusCode": 200, "headers": { "Access-Control-Allow-Origin": "*", // 允许所有源访问 API "Access-Control-Allow-Headers": "Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token", "Content-Type": "application/json" }, "body": JSON.stringify({ "message": "Hello World!" }) }; callback(null, response); };

在API Gateway集成中,要在'Integration Response > Header Mapping”中添加与Lambda函数响应的CORS响应头相同的映射,以确保它们被传递回Web浏览器:

'Access-Control-Allow-Origin' : "'*'", 'Access-Control-Allow-Headers': "'Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token'"

相关内容

热门资讯

前端-session、jwt 目录:   (1)session (2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
nodejs:本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本,node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构:jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路,走一条最大的...
常用的DOS命令 常用的DOS命令 DOS(Disk Operating System,磁...
<C++> 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数,cons...