首页 > 解决方案 > Azure CDN 字体加载问题

问题描述

我已将 Blazor Web 程序集(托管 ASP.Net 核心)部署到 Azure Web 应用程序,然后我为该 Web 应用程序(网络 > Azure CDN)启用了 CDN(标准 Akamai 定价层)。除字体外,所有静态资产(如 JS、CSS、图像)都是从 CDN 加载的。它说 CDN 端点的 CORS 组织错误。我还尝试在他的 Azure Web App 的 web.config 文件中添加 mime 类型,但没有运气。
任何人都可以帮助解决这个问题。

截屏:

Azure CDN .woff 字体错误

标签: azureazure-web-app-serviceasp.net-core-3.1blazor-webassemblyazure-cdn

解决方案


回答这个问题,因为它可能会帮助其他有类似查询的人:

CORS 支持内置于 Azure 应用服务。您可以通过 Azure 门户配置 CORS,方法是导航到您的应用服务,在左侧边栏的 API 部分下选择 CORS,并指定应允许进行跨域调用的源。要允许所有,请使用“*”并从列表中删除所有其他来源。

若要通过 Azure CLI 启用 CORS,请使用az webapp cors命令,如下所示:

az webapp cors add --resource-group <resource-group-name> --name <app-name> --allowed-origins "['*']"

有关详细演练,请参阅博客文章。


推荐阅读