时间戳

首页 > 解决方案 > 跨域请求块

amazon-web-services - 跨域请求块

问题描述

我正在研究 angular fronted 项目并使用 angular7 项目。我使用 aws api 作为后端。每当我调用 aws api 时，它都会给我以下错误。

跨域请求被阻止：同源策略不允许在https://xxxxxxx.execute-api.us-east-1.amazonaws.com/XXX/subscriptionpayment读取远程资源。（原因：CORS 预检通道的 CORS 标头“Access-Control-Allow-Headers”中缺少令牌“access-control-allow-origin”）。

跨域请求被阻止：同源策略不允许在https://xxxxxxx.execute-api.us-east-1.amazonaws.com/XXX/subscriptionpayment读取远程资源。（原因：CORS 请求未成功）。

我正在使用以下代码

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type':  'application/json',
    'Access-Control-Allow-Origin':'*'
  })
};

     let makePaymentUrl = "https://xxxxx.execute-api.us-east-1.amazonaws.com/xxxx/subscriptionpayment";
return this.http.post(makePaymentUrl, params,httpOptions);

标签： amazon-web-servicesapiangular7

解决方案

您需要在 API 网关端点中启用 CORS。关注：https ://docs.aws.amazon.com/apigateway/latest/developerguide/how-to-cors.html#how-to-cors-console

推荐阅读