Не удается получить запрос на получение заголовка ответа даже с Access-Control-Expose-Headers

Я пытаюсь получить заголовок ответа x-total-count из запроса JS на выборку, я включил Access-Control-Expose-Headers, как было рекомендовано в других предыдущих сообщениях, и я все еще не могу получить заголовок ответа, я вижу, что он получен в инструментах разработчика Chrome, и пытался response.headers.get('x-total-count'); и повторение response.headers безуспешно.

Что мне здесь не хватает?

async function postData() { 
      const myPost = {
          "listingType":"Sale",
          "propertyTypes": [
              "townhouse",
              "duplex",
              "semiDetached",
              "studio",
              "townhouse",
              "villa",
              "ApartmentUnitFlat",
              "Rural",
              "house"
            ],
          "geoWindow": {
            "box": {
              "topLeft": {
                "lat": aNorth,
                "lon": aWest
              },
              "bottomRight": {
                "lat": aSouth,
                "lon": aEast
              }
            },
          },
          "pageNumber": pageNumber,
          "pageSize": 100
        }
        
        const options = {
          method: 'POST',
          body: JSON.stringify(myPost),
          headers: {
            'Content-Type': 'application/json',
            "X-API-Key": "API-KEY",
            'Access-Control-Expose-Headers': 'x-total-count'
          }
        };

        const response = await fetch('https://api.domain.com.au/v1/listings/residential/_search', options)
        if (!response.ok) {
          const message = `An error has occured: ${response.status}`;
          throw new Error(message);
        }

        const totalCount = response.headers.get('x-total-count');

        for (var pair of response.headers.entries()) { console.info(pair[0]+ ': '+ pair[1]); }

        console.info(totalCount)

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
403
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В качестве обновления я связался с командой, которая запускает этот API, и получил следующий ответ ниже, оказывается, это была проблема с их стороны.

Похоже, вы столкнулись с проблемой нашей ранней поддержки для Запросы CORS, заголовок, который вы пытаетесь установить, Access-Control-Expose-Headers, на самом деле тот, который мы указываем из Наша сторона.

В настоящее время мы не указываем его полностью, поэтому заголовок x-total-count не отображается в браузерах, которые следуют правилам CORS.

Я добавил эту проблему в наш список невыполненных работ, чтобы исправить ее, как только возможно, и, скорее всего, это будет частью нашего первого запланированного обновление в начале января 2021 года.

Другие вопросы по теме