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

相关内容

热门资讯

普及知识!微信雀神麻将挂件开挂... 普及知识!微信雀神麻将挂件开挂辅助,微乐自建房脚本免费入口(开挂自建房)插件1、操作简单,无需微信雀...
一分钟揭秘!微乐家乡麻将自建房... 一分钟揭秘!微乐家乡麻将自建房辅助app,微乐自建房脚本免费入口(开挂自建房)脚本1、打开软件启动之...
热门推荐!微乐家乡麻将自建房辅... 热门推荐!微乐家乡麻将自建房辅助app,微乐家乡麻将自建房辅助app(开挂自建房)攻略1、微乐家乡麻...
发现一款!微乐自建房辅助工具,... 发现一款!微乐自建房辅助工具,微乐小程序免费黑科技(开挂自建房)软件1、全新机制【微乐自建房辅助工具...
揭秘一下!微乐家乡麻将自建房辅... 揭秘一下!微乐家乡麻将自建房辅助app,微乐自建房脚本免费入口(开挂自建房)攻略在进入微乐家乡麻将自...
分享给玩家!微乐自建房辅助工具... 分享给玩家!微乐自建房辅助工具挂,微乐小程序免费黑科技(开挂自建房)教程1、下载好微乐自建房辅助工具...
实测揭晓!微乐家乡麻将自建房辅... 实测揭晓!微乐家乡麻将自建房辅助app,微乐家乡麻将自建房辅助app(开挂自建房)插件1、进入游戏-...
终于知道!微信卡五星辅助器,微... 终于知道!微信卡五星辅助器,微乐小程序免费黑科技(开挂自建房)插件1、完成微信卡五星辅助器有辅助插件...
今日百科!微乐自建房辅助工具插... 今日百科!微乐自建房辅助工具插件,微乐自建房脚本免费入口(开挂自建房)工具1、微乐自建房辅助工具插件...
最新通报!微乐家乡麻将自建房辅... 最新通报!微乐家乡麻将自建房辅助app,微乐家乡麻将自建房辅助app(开挂自建房)脚本1、不需要AI...