在Azure CDN中提供托管字体时出现CORS错误

Posted 2021-04-05

我们正在尝试使用Azure CDN端点CDN启用我们的WebSite。

对于CSS和javascript资源和图像，它工作得很好。但由于某种原因，我们的字体会出现CORS错误。

错误是：

从'http://[name].azureedge.net/-/design/[long-path]/icons.woff'访问'http://[URL-to-testsite]'的字体已被CORS政策阻止：请求的资源上没有'Access-Control-Allow-Origin'标题。因此，'http://[URL-to-testsite]'原产地不允许进入。

我们尝试在web.config中插入以下URL重写规则：

<rewrite>
  <outboundRules>
    <rule name="Set Access-Control-Allow-Origin header">
      <match serverVariable="RESPONSE_Access-Control-Allow-Origin" pattern="(.*)" />
      <action type="Rewrite" value="*" />
    </rule>
  </outboundRules>
</rewrite>

......但遗憾的是它根本没有改变任何东西。

有什么建议？

答案

它在Handler中添加了以下HttpHeader，返回字体：

Response.AppendHeader("Access-Control-Allow-Origin", siteName);

如果有人有更好/更漂亮的解决方案，我全都耳朵。