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、让任何用户在无需微...
黑科技透视器!陕西微乐小程序修... 黑科技透视器!陕西微乐小程序修改器(透视器),微乐A三纸牌原来是有透视挂app陕西微乐小程序修改器脚...
黑科技透视挂!微乐家乡游戏攻略... 黑科技透视挂!微乐家乡游戏攻略(透视挂),微乐陕西红中麻将一贯是真的有透视挂技巧进入游戏-大厅左侧-...
黑科技透视器!微信小程序透视微... 黑科技透视器!微信小程序透视微乐(透视器),微乐河北石家庄麻将一贯真的是有透视挂攻略1、全新机制【微...
黑科技作弊器!微信小程序游戏破... 黑科技作弊器!微信小程序游戏破解器(作弊器),微乐唐山麻将原来存在有透视挂工具1、上手简单,内置详细...
黑科技辅助!微乐自建房辅助工具... 黑科技辅助!微乐自建房辅助工具官网(辅助),微乐打炸总是真的有透视挂技巧微乐自建房辅助工具官网脚本下...
黑科技开挂!小程序微乐陕西挖坑... 黑科技开挂!小程序微乐陕西挖坑辅助器(开挂),微乐保皇一直存在有透视挂方法1、超多福利:超高返利,海...
黑科技作弊器!微乐小程序辅助器... 黑科技作弊器!微乐小程序辅助器(作弊器),微乐一打三都是存在有透视挂插件1、金币登录送、破产送、升级...