如何在没有 web.config 的情况下从 Azure 公开和提供 WOFF 文件？答案

【问题标题】：How to expose and serve WOFF file from Azure without web.config?如何在没有 web.config 的情况下从 Azure 公开和提供 WOFF 文件？
【发布时间】：2018-01-23 19:05:16
【问题描述】：

我在 Azure 中提供一个静态站点（实际上是 Angular，但所有捆绑包以及 index-html 都是静态的）。它按预期工作，除了一件事。由于某种原因，WOFF 文件未正确公开。

就我的 google-foo 而言，解决方案是以类似于 this blog 或 this one 的方式编辑 web.config ，并且到处都有类似的建议。

这是棘手的部分：我的部署中没有 config。它只是一堆文件（一些 HTML、JS 和 CSS - 以及该死的 WOFF）。如何让 Azure 应用程序提供所有静态内容，包括 WOFF？

【问题讨论】：

请更具体地说明您使用哪个 Azure 服务来托管您的网站 - Azure App Service\Azure Storage\Azure VM？
@itaysk 抱歉，没有意识到其中的意义。 Azure 应用服务。我使用 Web 客户端创建了一个服务。然后克隆一个 BitBucket 项目并将其设置为静态。

标签： angular azure static-content woff

【解决方案1】：

我的部署中没有配置

您可以在应用的根文件夹中添加一个 web.config 文件，其中包含以下内容。

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension="woff" mimeType="application/font-woff" />
      <mimeMap fileExtension="woff2" mimeType="application/font-woff2" /> 
    </staticContent>
  </system.webServer>
</configuration>

【讨论】：

哦，这么简单？我在其中一篇博客中读到，这样做会覆盖由 Azure 自动为我创建的 web.config。据称，如果没有上传到服务器，则默认提供一个。也许我弄错了？
现已确认 - 您的建议有效（我冒昧地为未来的懒惰读者补充了内容）。现在，我的问题是文件在构建时从 dist 目录中删除，但这是另一个问题的材料。
@KonradViltersten 您可以将 web.config 文件添加到角度构建的资产配置中："assets": ["src/assets", "src/favicon.ico", "src/web.config"] 它将包含在您的 dist 文件夹中

【解决方案2】：

您可以为您的 Azure 应用服务安装扩展：

https://github.com/johnnyqian/enable-font-awesome-site-extension

【讨论】：