【发布时间】: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