AWS网关CORS:没有'Access-Control-Allow-Origin'*我已尝试堆栈溢出上看到的所有解决方案*
创始人
2024-09-27 18:01:07
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。

相关内容

热门资讯

安卓换鸿蒙系统会卡吗,体验流畅... 最近手机圈可是热闹非凡呢!不少安卓用户都在议论纷纷,说鸿蒙系统要来啦!那么,安卓手机换上鸿蒙系统后,...
app安卓系统登录不了,解锁登... 最近是不是你也遇到了这样的烦恼:手机里那个心爱的APP,突然就登录不上了?别急,让我来帮你一步步排查...
安卓系统拦截短信在哪,安卓系统... 你是不是也遇到了这种情况:手机里突然冒出了很多垃圾短信,烦不胜烦?别急,今天就来教你怎么在安卓系统里...
安卓系统要维护多久,安卓系统维... 你有没有想过,你的安卓手机里那个陪伴你度过了无数日夜的安卓系统,它究竟要陪伴你多久呢?这个问题,估计...
windows官网系统多少钱 Windows官网系统价格一览:了解正版Windows的购买成本Windows 11官方价格解析微软...
安卓系统如何卸载app,轻松掌... 手机里的App越来越多,是不是感觉内存不够用了?别急,今天就来教你怎么轻松卸载安卓系统里的App,让...
怎么复制照片安卓系统,操作步骤... 亲爱的手机控们,是不是有时候想把自己的手机照片分享给朋友,或者备份到电脑上呢?别急,今天就来教你怎么...
安卓系统应用怎么重装,安卓应用... 手机里的安卓应用突然罢工了,是不是让你头疼不已?别急,今天就来手把手教你如何重装安卓系统应用,让你的...
iwatch怎么连接安卓系统,... 你有没有想过,那款时尚又实用的iWatch,竟然只能和iPhone好上好?别急,今天就来给你揭秘,怎...
iphone系统与安卓系统更新... 最近是不是你也遇到了这样的烦恼?手机更新系统总是失败,急得你团团转。别急,今天就来给你揭秘为什么iP...