【问题标题】:How to Set Up AWS Cloudfront Cache for External Font Request?如何为外部字体请求设置 AWS Cloudfront 缓存?
【发布时间】: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 上的任何设置无关。

对吗?

【问题讨论】:

    标签: node.js amazon-web-services cors http-headers amazon-cloudfront


    【解决方案1】:

    感谢 AWS 技术支持,答案是:

    • 访问控制请求标头
    • 访问控制请求方法
    • 原产地

    【讨论】:

      猜你喜欢
      • 2019-05-03
      • 1970-01-01
      • 2021-07-11
      • 1970-01-01
      • 2020-01-16
      • 2014-02-22
      • 1970-01-01
      • 1970-01-01
      • 2019-03-13
      相关资源
      最近更新 更多