Question

我正在做角面项目并使用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);

Answer 1

您在哪里致电此请求？如果它是本地主机，也许aws不允许访问它。检查此服务的API密钥

或仔细检查标题尝试this

Answer 2

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

跨源请求块

2 个答案: