Mailsimp AMP集成错误：获取*从原点*的访问已被CORS策略阻止：没有访问-控制-允许-原点标头

Question

这是我的邮件表单，我想添加到我的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方面一切正常，我唯一的问题是当我单击“注册”时出现此错误：

CORS策略已阻止从源“XXXX”在“XXXX”提取的访问：请求的资源上不存在“访问控制允许源”标头。如果不透明响应满足您的需要，请将请求的模式设置为“no cors”，以获取禁用cors的资源。

表单提交失败：错误：XHR获取失败(https://XXXX.list-manage.com/...)：无法获取​​​...

我已经阅读了AMP文件中的CORShtml" target="_blank">https://amp.dev/documentation/guides-and-tutorials/learn/amp-caches-and-cors/amp-cors-requests?referrer=ampproject.org#cors-amp中的安全问题，我在这里读到了很多类似问题的答案，但我的问题仍然没有得到解决。我在我的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不支持使用CORS请求的客户端API实现，因为暴露帐户API密钥存在潜在的安全风险。”这可能是您出错的原因之一。