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、首先打开临海麻将辅助器下载最新版本...
总算清楚!胡乐白银麻将辅助脚本... 总算清楚!胡乐白银麻将辅助脚本软件,胡乐白银麻将一直存在有辅助普及技巧1、进入游戏-大厅左侧-新手福...
一起来讨论!琼州雀友辅助器脚本... 一起来讨论!琼州雀友辅助器脚本软件,琼州雀友切实是有辅助器了解软件所有人都在同一条线上,像星星一样排...
科普分享!龙行麻将辅助脚本软件... 科普分享!龙行麻将辅助脚本软件,龙行麻将原来存在有辅助揭幕插件一、龙行麻将游戏安装教程牌型概率发牌机...
总算了解!繁花透视挂脚本软件,... 总算了解!繁花透视挂脚本软件,繁花原来有透视挂揭露脚本1、下载好繁花脚本下载之后点击打开,先需要设置...
玩家必看分享!哆来咪辅助脚本软... 玩家必看分享!哆来咪辅助脚本软件,哆来咪果然真的有辅助揭幕app1、许多玩家不知道哆来咪辅助怎么退出...
科普分享!情怀古诗词透视脚本软... 科普分享!情怀古诗词透视脚本软件,情怀古诗词本来是真的有透视详情工具1、科普分享!情怀古诗词透视脚本...
玩家攻略!闲来棋牌合集透视挂脚... 玩家攻略!闲来棋牌合集透视挂脚本软件,闲来棋牌合集竟然是真的有透视挂关于软件;1、金币登录送、破产送...
一起来探讨!启辰开挂脚本软件,... 一起来探讨!启辰开挂脚本软件,启辰原来是真的有开挂推荐工具1、这是跨平台的启辰轻量版有透视,在线的操...
重大科普!牵手湖南麻将辅助脚本... 您好,牵手湖南麻将这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...