Ошибка интеграции Mailchimp AMP: доступ к выборке в * из источника * был заблокирован политикой CORS: нет заголовка "Access-Control-Allow-Origin"

Question

Это моя форма Mailchimp, которую я хочу добавить в свой шаблон AMP:

<div id="mc_embed_signup">
    <form action-xhr="https://settler.us19.list-manage.com/subscribe/post?u=5f7443b0f4fc25de5fecb0ee2&amp;id=c3c65d7258" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
        <div id="mc_embed_signup_scroll">
           <label for="mce-EMAIL">Subscribe to our newsletter</label>
              <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
              <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="#" tabindex="-1" value=""></div>
            <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
       </div>

      </form>
 </div>

Мой AMP проверен и все в порядке на стороне AMP, моя единственная проблема - когда я нажимаю на регистрацию, появляется эта ошибка:

Доступ к выборке в "XXXX" из источника "XXXX" был заблокирован политикой CORS: в запрошенном ресурсе отсутствует заголовок "Access-Control-Allow-Origin". Если непрозрачный ответ отвечает вашим потребностям, установите режим запроса "no-cors", чтобы получить ресурс с отключенным CORS.

Не удалось отправить форму: Ошибка: XHR Не удалось получить ( https://xxxx.list-manage.com/): Не удалось получить...

Я уже прочитал CORS в документе AMP https://amp.dev/documentation/guides-and-tutorials/learn/amp-caches-and-cors/amp-cors-requests?referrer=ampproject.org и я прочитал много ответов с похожими вопросами, но моя проблема не решена. У меня есть поддомен на моем сайте WordPress, и я поместил эту строку в.htaccess (корневой домен и поддомен), но, к сожалению, моя проблема все еще остается.

<ifModule mod_headers.c>
    Header set Access-Control-Allow-Origin: *
</ifModule>

а также:

<ifModule mod_headers.c>
  Header set Access-Control-Allow-Origin: "*"
</ifModule>

И я не знаю, что мне делать дальше.

Answer 1

Я думаю, что, как уже упоминалось в документации Mailchimp, "Примечание. Mailchimp не поддерживает реализацию нашего API на стороне клиента с использованием запросов CORS из-за потенциальной угрозы безопасности, связанной с раскрытием ключей API учетной записи". Это может быть причиной того, что у вас возникла ошибка.