AWS API 網關給出 400 錯誤請求錯誤

Question

我正在使用 API 網關 + 基於 JWT 的授權來保護我的 AWS lambda 函數。 我能夠在我的 aws 控制台中為授權人獲得正確的策略。 我試圖訪問的 lambda 函數單獨運行正常。 當我將GET_CUSTOMERS_URI授權更改為 none 並獲取數據時，它工作正常。 但是當使用 API 網關組合在一起時，它會給出 400 個錯誤的請求錯誤。 我知道這與如何從前端發出請求有關，但我無法弄清楚。

我的獲取請求看起來像這樣[React app]：-

return await fetch(GET_CUSTOMERS_URI, {
  method: 'GET',
  mode: 'cors', 
  cache: 'no-cache', 
  credentials: 'same-origin', 
  headers: {
      'authorizationToken': 'Bearer ' + token,
      'Content-Type': 'application/json'
  },
  redirect: 'follow', // manual, *follow, error
  referrerPolicy: 'no-referrer',

})

從授權方返回的策略（使用 AWS 控制台測試）：-

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Action": "execute-api:Invoke",
      "Effect": "Allow",
      "Resource": "arn:aws:execute-api:us-west-2:<account id>:<api id>/<stage-name>/GET/customers"
    }
  ]
}

Answer 1

事實證明這是一個 CORS 錯誤。 我通過以下方式解決了這個問題：-

1. 在 API 網關中選擇一個端點。
2. 單擊Actions -> Enable CORS
3. 將Access-Control-Allow-Headers字段設置為以逗號分隔的所有值，您將作為前端的標頭傳遞
4. 單擊Enable CORS and replace existing CORS headers按鈕