json - 电子邮件的 AMP 列表无法加载示例 json

Question

我是 AMP 的新手，我是一名创意设计师，所以我对前端后端的了解有限。我试图做一个 AMP 电子邮件，它从 json 加载信息并将其显示在电子邮件中。

我正在使用来自https://amp.dev/documentation/components/amp-list/?format=email的示例 AMP-list 组件脚本，一切正常，但是当我用示例文件替换 json 链接时，它没有工作https://wegoexperience.com/dest.json

任何人都可以建议为什么？谢谢！

Answer 1

答：这都是关于 CORS，请在此处阅读：https ://amp.dev/documentation/guides-and-tutorials/learn/cors-in-email/

在https://amp.dev/上的沙箱中，您将无法检查自己的 JSON。

如果您有 Apache 服务器，则创建（在 JSON 文件所在的文件夹中）.htaccess文件并在其中编写以下代码：

Header add Access-Control-Allow-Origin: "*"
Header add AMP-Access-Control-Allow-Source-Origin: "youaddress@youdomain.com"
Header add Access-Control-Expose-Headers: "AMP-Access-Control-Allow-Source-Origin"

之后，如果您在本地或服务器上进行测试，AMP-list 应该可以工作。