AWS API网关API返回请求头失败错误

Question

我正在使用react.js应用程序调用API。我从AWS API网关收到关于CORS策略的错误：

CORS策略阻止从来源“http：//localhost:3000”访问位于“https://awsapigatewayid.execute-api.ap-south-1.amazonaws.com/staging/top10”的XMLHttpRequest：飞行前响应中的access-control-allog-headers不允许请求头字段access-control-allog-orgin。

从React应用程序代码调用api，比如：

let options = {
    url: `https://awsapigatewayid.execute-api.ap-south-1.amazonaws.com/staging/top10`,
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
      'X-Req-Time': getCurrentTimestamp(),
      'Access-Control-Allow-Origin': '*',
    },
    data: data || {},
  };
  if (isAuthorised) {
    options.headers['X-Auth-Token'] = 'usertokengoeshere';
  }
  const response = await axios(options);

Answer 1

您需要从API调用中删除'access-control-allog-origin':'*'，以解决错误，而是将其添加到Lambda响应中。最好不要使用'*'，而是使用您的实际来源。