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

相关内容

热门资讯

第2分钟透视!蛮王大厅辅助插件... 蛮王大厅辅助插件 无需打开直接搜索微信:136704302本司针对手游进行,选择我们的四大理由: 1...
第3分钟辅助!微信牵手跑辅助,... 第3分钟辅助!微信牵手跑辅助,潮友会鱼虾蟹塞子概率计算方式(玩家必看科普开挂辅助插件);潮友会鱼虾蟹...
第5分钟透视!皮皮辅助软件,福... 福建天天开心辅助器开挂教程视频分享装挂详细步骤在当今的网络游戏中,福建天天开心辅助器作为一种经典的娱...
五分钟辅助!新鸿狐辅助软件是真... 五分钟辅助!新鸿狐辅助软件是真的吗,微信新九五辅助(教学盘点开挂辅助平台);一、微信新九五辅助有挂的...
9分钟透视!老友广东插件软件,... 9分钟透视!老友广东插件软件,hhpoker免费辅助器(透视免费开挂辅助插件) 了解更多开挂安装加(...
七分钟辅助!极速暗宝辅助,来来... 七分钟辅助!极速暗宝辅助,来来拼十免费辅助(重磅来袭开挂辅助安装);来来拼十免费辅助简单的透视挂控制...
三分钟开挂!微信小程序全能修改... 三分钟开挂!微信小程序全能修改器,创思维激k辅助器下载(推荐十款开挂辅助下载);微信小程序全能修改器...
第4分钟辅助!衢州都莱有没有辅... 第4分钟辅助!衢州都莱有没有辅助器,链接大厅辅助插件有哪些(透视透视开挂辅助安装);链接大厅辅助插件...
第1分钟开挂!闲逸辅助插件,竹... 第1分钟开挂!闲逸辅助插件,竹间穿有挂没(指导大家开挂辅助神器)【无需打开直接搜索加薇1367043...
3分钟辅助!wepoker的辅... 3分钟辅助!wepoker的辅助器,老友辅助工具(透视辅助开挂辅助插件);亲真的是有正版授权,小编(...