AWS API 網關 api 返回請求標頭失敗錯誤

Question

我正在使用 react.js 應用程序調用 API。 我從 AWS API 網關收到關於 CORS 政策的錯誤：

Access to XMLHttpRequest at 'https://awsapigatewayid.execute-api.ap-south-1.amazonaws.com/staging/top10' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field Access-Control-Allow-Headers 在預檢響應中不允許訪問控制允許來源。

來自調用 api 的 React App 代碼，例如：

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);

我的 API 來自 AWS API 網關：

Answer 1

您需要從 API 調用中刪除'Access-Control-Allow-Origin': '*'以解決您的錯誤，而是將其添加到您的 Lambda 響應中。 最好不要使用'*' ，而是使用您的實際來源。