Angular应用使用AWSAmplify和DynamoDB-GraphQL的POST操作出错
创始人
2024-10-30 15:30:39
0

在AWS Amplify和DynamoDB的Angular应用中,当使用GraphQL的POST操作时,可能会遇到CORS错误。解决方法是在用于托管应用程序的Bucket中设置CORS配置,以允许从特定或所有来源发出HTTP请求。此外,还应该在AWS Amplify中配置正确的API名称和区域,并使用正确的API密钥和安全凭据。以下是修改后的代码示例:

const apiName = 'myApiName';
const region = 'myRegion';
const config = {
  API: {
    endpoints: [
      {
        name: apiName,
        endpoint: `https://my-api-id.execute-api.${region}.amazonaws.com/myApiStage`,
        region: region,
        custom_header: async () => {
          return { Authorization: `Bearer ${(await Auth.currentSession()).getIdToken().getJwtToken()}` };
        }
      }
    ]
  }
};
Amplify.configure(config);

另外,请在Bucket的CORS配置中添加如下内容:

[
  {
    "AllowedHeaders": [
      "*"
    ],
    "AllowedMethods": [
      "GET",
      "POST",
      "PUT",
      "DELETE"
    ],
    "AllowedOrigins": [
      "*"
    ],
    "ExposeHeaders": []
  }
]

相关内容

热门资讯

一直以来!微乐小程序免费黑科技... 一直以来!微乐小程序免费黑科技,微信小程序微乐辅助器破解版(透视)一直是真的挂(哔哩哔哩)1、下载好...
第1分钟教程!微乐小程序免费黑... 第1分钟教程!微乐小程序免费黑科技,微信微乐辅助ios(开挂)真是是真的挂(2026)1、下载好微乐...
第1分钟下载!微乐小程序黑科技... 第1分钟下载!微乐小程序黑科技,微乐小程序辅助工具免费版(开挂)确实真的有挂(2026)一、微乐小程...
明白辅助挂!微乐小程序黑科技,... 明白辅助挂!微乐小程序黑科技,微乐小程序辅助工具哪里下载(透视)竟然存在有挂(哔哩哔哩)1、玩家可以...
9分钟开挂!微乐小程序免费黑科... 9分钟开挂!微乐小程序免费黑科技,微乐多乐跑作弊(开挂)一直真的是有挂(2026)微乐小程序免费黑科...
透视透视挂!微乐小程序免费黑科... 透视透视挂!微乐小程序免费黑科技,微乐自建房怎么提高胜率(透视)一贯真的有挂(哔哩哔哩)1、玩家可以...
9分钟神器!微乐小程序免费黑科... 9分钟神器!微乐小程序免费黑科技,微信微乐辅助器免费(开挂)确实有挂(2026)1、超多福利:超高返...
近期!微乐小程序免费黑科技,微... 近期!微乐小程序免费黑科技,微乐宁夏小程序插件(透视)一贯存在有挂(哔哩哔哩)1、游戏颠覆性的策略玩...
第7分钟安装!微乐小程序黑科技... 第7分钟安装!微乐小程序黑科技,微乐自建房免费黑科技下载(开挂)真是真的有挂(2026)1、游戏颠覆...
透视代打!微乐小程序免费黑科技... 透视代打!微乐小程序免费黑科技,微信小程序微乐陕西挖坑(透视)都是存在有挂(哔哩哔哩)运微信小程序微...