window.fetch () считает, что произошла ошибка CORS, вкладка Network Developer Console не согласна

Question

Я пытаюсь сделать ajax-запрос, используя window.fetch() моей лямбда-функции AWS.

Я следовал Руководству по лямбде AWS при настройке CORS (и перераспределении).

Я следовал документации MDN по , добавляя заголовки к window.fetch(), чтобы передать мой ключ API.

Мой код выглядит так:

   let myHeaders = new Headers();
   myHeaders.append('x-api-key', lambda_key);
   fetch('https://comically_long_aws_url.com/blah', {
        headers: myHeaders,
    })
    .then((res)=>{
        console.log('success,', res)
    })
    .catch((err)=>{
        console.log('err', err);
    });

Если я посмотрю на вкладку сети, то увижу, что оба запроса OPTIONS и GET были успешными. Действительно, GET вернул ожидаемую информацию:

Успешный запрос ОПЦИИ:

Успешный запрос GET:

Ожидаемые данные в теле ответа GET-запроса:

В консоли отображаются непредвиденные ошибки:

Почему вызывается обработчик ошибок window.fetch().catch()? Почему возникает ошибка консоли, когда сетевой вызов кажется успешным?