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);
  });
}

相关内容

热门资讯

一分钟揭秘!如何下载德普之星辅... 一分钟揭秘!如何下载德普之星辅助软件,智星德州插件2024最新版,AI教程(有挂技巧)1、玩家可以在...
实测分享!hhpoker透视脚... 实测分享!hhpoker透视脚本下载,拱趴大菠萝万能挂图解,透明挂教程(有挂方法);1分钟了解详细教...
实操分享!wepoker俱乐部... 此外,数据分析德州(wepoker俱乐部辅助器)辅助神器app还具备辅助透视行为开挂功能,通过对客户...
一分钟揭秘!约局吧透视挂下载,... 一分钟揭秘!约局吧透视挂下载,wepoker破解版内购,教你攻略(有挂神器);支持多人共享记分板与复...
推荐十款!德州之星扫描器,智星... 推荐十款!德州之星扫描器,智星德州有脚本吗,必备教程(有挂透视);1分钟了解详细教程(微信 1367...
透视苹果版!wepokerpl... 透视苹果版!wepokerplus透视脚本免费(透视)竟然有挂(详细辅助新版2025教程)运辅助工具...
分享实测!wepoker透视底... 分享实测!wepoker透视底牌,wepoker免费辅助器,AI教程(有挂透明);wepoker免费...
透视神器!wepoker辅助真... 透视神器!wepoker辅助真的假的(透视)一直真的有挂(详细辅助可靠教程)一、软件透明挂的定义与意...
总算清楚!拱趴大菠萝辅助神器,... 总算清楚!拱趴大菠萝辅助神器,wepoker辅助分析器,2025新版技巧(有挂辅助);1分钟了解详细...
透视能赢!we-poker靠谱... 透视能赢!we-poker靠谱吗(透视)一直真的是有挂(详细辅助大神讲解)1、ai机器人多个强度级别...