未发送 AngularJS 和 AWS API Gateway API 密钥

Question

我一直在努力从我的 Angular/Ionic 1 应用程序调用我的 AWS API。

我有一个 API 代理设置，并且我已经创建了一个 API 密钥。我已经在 AWS 中配置了 CORS，并且在邮递员中一切正常，但是当我从我的 Angular 应用程序发出请求时，我得到 403 {"message":"Forbidden"}。

这是我用来拨打电话的代码：

  getTodaysLiveGames:  function () {
    return $http({
        url: 'https://**************.execute-api.us-east-1.amazonaws.com/prod/livescores',
        headers: { 'x-api-key': '**************************************' },
        method: 'GET'
    }).then(function(result){
      ...
    }).catch(function(err){
      ...
    });
  },

在我的 AWS 日志中，我得到以下信息：

API 密钥未授权，因为方法“OPTIONS /livescores”需要 API 密钥，并且 API 密钥未与 API 阶段 *******/prod 的使用计划关联：需要 API 密钥但不存在

我无法理解问题所在。我在 AWS 中设置了一个 API 密钥，将其附加到使用计划中，并且我已将其全部正确地发布到阶段。

谁能帮忙？

Answer 1

确保“X-Api-Key”是 /livescores 中 Access-Control-Allow-Headers 响应标头的映射值的一部分 > OPTIONS > 集成响应 > 标题映射。