Angular与API网关,POST请求遭到了跨站资源共享(CORS)的阻止。
创始人
2024-10-30 18:00:42
0
  1. 在API网关上配置跨域策略,允许来自 Angular 应用程序的请求。例如,以下是一个允许所有来源访问的示例:
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "AllowAllOrigins",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "execute-api:Invoke",
            "Resource": "arn:aws:execute-api:region:account-id:api-id/*",
            "Condition": {
                "IpAddress": {
                    "aws:SourceIp": [
                        "0.0.0.0/0"
                    ]
                }
            }
        }
    ]
}
  1. 在 Angular 应用程序中使用代理配置来跨域。例如,以下是 proxy.conf.json 文件的示例,用于将所有以 /api 开头的请求代理到 API 网关:
{
   "/api/*": {
      "target": "https://api-gateway-endpoint.com",
      "secure": true,
      "changeOrigin": true
   }
}
  1. 在发送 POST 请求时,将要发送的数据转换为 FormData,然后将其作为请求的 body 发送,例如:
postData() {
  const data = new FormData();
  data.append('username', 'johndoe');
  data.append('password', 'secret');

  this.http.post('https://api-gateway-endpoint.com/api/login', data).subscribe(response => {
    console.log(response);
  });
}

相关内容

热门资讯

有挂透视!聚星ai辅助工具下载... 有挂透视!聚星ai辅助工具下载!一贯真的有辅助脚本(确实有挂)-哔哩哔哩1、完成聚星ai辅助工具下载...
揭露透视!sohoo竞技联盟辅... 揭露透视!sohoo竞技联盟辅助器!果然是有辅助工具(真的有挂)-哔哩哔哩1、许多玩家不知道soho...
专业透视!智星菠萝辅助!竟然一... 专业透视!智星菠萝辅助!竟然一直总是有辅助攻略(真实有挂)-哔哩哔哩1、超多福利:超高返利,海量正版...
有挂透视!佛手在线有挂吗!真是... 有挂透视!佛手在线有挂吗!真是一直都是有辅助教程(有挂规律)-哔哩哔哩1、佛手在线有挂吗有没有辅助教...
曝光透视!pokermaste... 曝光透视!pokermaster破解版!果然是有辅助脚本(有挂分析)-哔哩哔哩;1、许多玩家不知道p...
解密透视!pokerworld... 解密透视!pokerworld软件!原来一直都是有辅助技巧(证实有挂)-哔哩哔哩1、玩家可以在pok...
解密透视!哈糖大菠萝怎么挂!一... 解密透视!哈糖大菠萝怎么挂!一直真的是有辅助技巧(有挂透明挂)-哔哩哔哩哈糖大菠萝怎么挂透视方法中分...
普及透视!xpoker辅助神器... 普及透视!xpoker辅助神器!其实是真的有辅助插件(有挂技巧)-哔哩哔哩该软件可以轻松地帮助玩家将...
普及透视!poker worl... 普及透视!poker world辅助!一直真的有辅助脚本(竟然有挂)-哔哩哔哩暗藏猫腻,小编详细说明...
详细透视!佛手在线大菠萝为什么... 详细透视!佛手在线大菠萝为什么都输!切实存在有辅助工具(了解有挂)-哔哩哔哩1、点击下载安装,佛手在...