AWS网关CORS:没有'Access-Control-Allow-Origin'*我已尝试堆栈溢出上看到的所有解决方案*
创始人
2024-09-27 18:00:39
0

需要在AWS网关中设置CORS允许跨域请求。

  1. 登录AWS控制台,找到所需的API网关服务。
  2. 点击左侧导航栏中的“资源”,选择需要启用CORS的资源。
  3. 在选定的资源上右键单击并选择“方法执行”。
  4. 搜索需要允许CORS的API方法并单击“编辑”图标。
  5. 展开“集成请求”选项卡,单击“加”以将请求模板插入
  6. 在“模板名称”下输入“application/json”, 在“模板输入”为空的情况下输入以下内容:

{ "body-json" : $input.json('$'), "method" : "$context.httpMethod", "resource-path" : "$context.resourcePath", "headers" : { #foreach($header in $input.params().header.keySet()) "$header" : "$util.escapeJavaScript($input.params().header.get($header))" #if($foreach.hasNext),#end #end } }

  1. 展开“集成响应”选项卡,单击“加”以将响应模板插入
  2. 在“模板名称”下输入“application/json”, 在“模板输入”为空的情况下输入以下内容:

#set($allowedOrigins = $input.params().header.get('Access-Control-Request-Headers')) #set($allowedOriginsList = []) #if($allowedOrigins == "") #set($allowedOrigins = "") #else #foreach($origin in $allowedOrigins.split(',')) #set($originTrimmed = $origin.trim()) #if($originTrimmed != "") #set($dummy = $allowedOriginsList.add($originTrimmed)) #end #end #if(!$allowedOriginsList.isEmpty()) #set($allowedOrigins = $allowedOriginsList.join(',')) #else #set($allowedOrigins = "") #end #end

#if($input.params().header.get("Origin")) #set($context.responseOverride.header.Access-Control-Allow-Origin = $input.params().header.get("Origin")) #set($context.responseOverride.header.Access-Control-Allow-Methods = "POST, GET, OPTIONS,PUT") #set($context.responseOverride.header.Access-Control-Allow-Headers = $allowedOrigins) #set($context.responseOverride.header.Access-Control-Allow-Credentials = true) #end

  1. 单击“保存”。

代码示例: 在 AWS API Gateway 中设置 CORS 属性的 Node.js 示例代码

const response = { statusCode: 200, headers: { 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Credentials': true, 'Access-Control-Allow-Methods': 'OPTIONS,POST,GET', 'Access-Control-Allow-Headers': 'Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token', }, body: JSON.stringify({ message: 'Hello from Lambda!', }), };

exports.handler = async (event) => { console.log('event:', event);

const { httpMethod } = event;
if (httpMethod === 'OPTIONS') {
    return response;
}

return response;

};

此代码示例用于 AWS Lambda。

相关内容

热门资讯

必知教程!wepoker私人局... 必知教程!wepoker私人局辅助挂(辅助挂)一贯真的是有挂(有挂工具辅助方法)1、全新机制【ai辅...
一分钟揭秘!微扑克游戏辅助器(... 一分钟揭秘!微扑克游戏辅助器(辅助挂)原来是有挂(了解有挂辅助方法)1、上手简单,内置详细流程视频教...
玩家必看!德普之星辅助软件(辅... 玩家必看!德普之星辅助软件(辅助挂)本来是真的有挂(有挂存在辅助方法)辅助器是一种具有地方特色的麻将...
推荐一款!拱趴大菠萝有什么挂(... 推荐一款!拱趴大菠萝有什么挂(辅助挂)真是存在有挂(真实有挂辅助教程)1、全新机制【ai辅助工具激活...
程序员教你!wejoker透视... 程序员教你!wejoker透视方法(辅助挂)一贯是真的有挂(发现有挂辅助攻略)1、点击下载安装,脚本...
重大发现!wepoker辅助器... 重大发现!wepoker辅助器官方(辅助挂)本来有挂(有挂秘诀辅助器)一、游戏安装教程牌型概率发牌机...
解密关于!德州私人局脚本(辅助... 解密关于!德州私人局脚本(辅助挂)都是是有挂(有挂教学辅助技巧)1. 选牌创建新账号,点击进入游戏后...
玩家必看分享!德普之星透视辅助... 玩家必看分享!德普之星透视辅助软件下载(辅助挂)竟然真的有挂(有挂功能辅助技巧)1、用户打开应用后不...
科普攻略!wepoker透视有... 科普攻略!wepoker透视有没有(辅助挂)果然存在有挂(有挂攻略辅助插件)1、下载好透视辅助下载之...
一分钟教会你!aapoker辅... 一分钟教会你!aapoker辅助插件工具(辅助挂)其实是真的有挂(有挂头条辅助技巧)一、可以开透视的...