如何为外部字体请求设置 AWS Cloudfront 缓存？
Posted
技术标签:
【中文标题】如何为外部字体请求设置 AWS Cloudfront 缓存？【英文标题】：How to Set Up AWS Cloudfront Cache for External Font Request? 【发布时间】：2021-07-24 18:19:35 【问题描述】：从远程服务器加载字体时出现此控制台日志错误：
在以下位置访问字体 'https://cdn.userway.org/widgetapp/bundles/udf/UserwayDyslexiaFont-Bold-Italic.woff' 来自“https://www.myWebSite.com”的来源已被 CORS 阻止 政策：没有“Access-Control-Allow-Origin”标头出现在 请求的资源。
我已更新我的网络应用程序以允许此字体服务器。现在我需要让我的 CDN AWS Cloudfront 允许它。
AWS 文档有一篇关于此的文章 - How do I resolve the "No 'Access-Control-Allow-Origin' header is present on the requested resource" error from CloudFront?：
在缓存键内容下，对于标头，选择白名单。从列表中 的标题，选择您的来源所需的标题之一。然后， 选择添加标题。对所需的所有标题重复此步骤 你的出身。
标题列表如下所示：
以下是我从 Chrome 开发工具中了解到的有关此资源标头的信息。
我需要从标题列表中选择什么，以便我的网站可以加载此字体？
更新
嗯....如果我没看错的话：
https://web.dev/cross-origin-resource-sharing/
...我收到的错误消息来自提供字体的服务器，与我的服务器或 CDN 上的任何设置无关。
对吗？
【问题讨论】：
【参考方案1】：感谢 AWS 技术支持，答案是：
访问控制请求标头 访问控制请求方法 原产地【讨论】：
以上是关于如何为外部字体请求设置 AWS Cloudfront 缓存？的主要内容，如果未能解决你的问题，请参考以下文章
如何为 AutoScale 实例使用 AWS 负载均衡器代理协议？
如何为 AWS Elb 后面的 reactJs SPA 重定向 http 到 https？
如何为 CORS 预检请求绕过 AWS API Gateway 代理资源上的 Cognito 授权方？
如何为 AWS::ElasticLoadBalancingV2::Listener 设置多个证书