除了 wwwroot 文件夹中的静态文件外，还应用 asp-append-version

页面创建日期 : 2021年4月29日星期四

环境

Visual Studio

Visual Studio 2019

ASP.NET Core

3.1 （Razor 页面， MVC）

放置在 wwwroot 文件夹以外的静态文件不会反映 asp-append-version

app.UseStaticFiles 通过指定对其他方法 StaticFileOptions 的调用静态文件也可以放置在 wwwroot 以外的文件夹中。但是，对于放置在 wwwroot 文件夹以外的静态文件，链接和脚本标记 asp-append-version 设置属性不会将版本信息附加到 URL。

我会试着检查一下。文件具有以下配置：

Startup.Configure 方法还设置为公开 Areas/Site1/Content 文件夹。

// wwwroot フォルダで静的ファイル参照を有効にする
app.UseStaticFiles();

// Site1 用の物理コンテンツフォルダと参照 URL を紐づける
app.UseStaticFiles(new StaticFileOptions()
{
  FileProvider = new PhysicalFileProvider(Path.Combine(env.ContentRootPath, "Areas/Site1/Content")),
  RequestPath = "/Site1",
});

下面是 index.cshtml 您添加到的代码。每个 asp-append-version 都附加了。

<!-- ここから追加 -->

<!-- wwwroot のファイル -->
<img src="~/image/sample.png" asp-append-version="true" />

<!-- wwwroot 以外のファイル -->
<img src="~/site1/image/sample1.png" asp-append-version="true" />

<!-- ここからまで -->

执行此操作时，图像显示正确。

但是，如果您查看页面的 HTML，您会发现字符串仅部署到放置在 wwwroot 中的文件。

asp-append-version 未反映的原因

由属性设置，以确定 asp-append-version env.WebRootFileProvider 是否 IFileProvider 生效。默认情况下，wwwroot PhysicalFileProvider 指定设置为，因此不会反映在其他文件夹中。

有一个类 IFileProvider ，可以 CompositeFileProvider 暂时有多个，你可以 PhysicalFileProvider 把几个塞在这里 env.WebRootFileProvider ，并传递给仅能够传递多个物理文件夹路径， StaticFileOptions.RequestPath 由于不能指定多个，因此我认为它们不是预期的行为。

env.WebRootFileProvider* Startup.Configure 是方法 IWebHostEnvironment env 接收的。

继承 IFileProvider 并创建自己的类

ASP.NET Core 中的标准功能，因此请创建自己的 FileProvider。

using System;
using System.Collections.Generic;
using Microsoft.AspNetCore.Builder;
using Microsoft.Extensions.Primitives;

namespace Microsoft.Extensions.FileProviders
{
  /// <summary>
  /// wwwroot フォルダ以外のファイルで "asp-append-version”を有効にするための複数の <see cref="StaticFileOptions"/> を管理するファイルプロバイダです。
  /// </summary>
  class CompositeStaticFileOptionsProvider : IFileProvider
  {
    private readonly IFileProvider _webRootFileProvider;
    private readonly IEnumerable<StaticFileOptions> _staticFileOptions;

    /// <summary>
    /// コンストラクタです。
    /// </summary>
    /// <param name="webRootFileProvider">
    /// デフォルトの wwwroot が設定されている WebRootFileProvider を指定します。通常は env.WebRootFileProvider を指定してください。
    /// これは追加した <see cref="StaticFileOptions"/> がヒットしなかった場合に使用するためです。
    /// </param>
    /// <param name="staticFileOptions">
    /// 追加した静的ファイルオプションの一覧です。
    /// FileProvider と RequestPath が設定されている必要があります。
    /// </param>
    public CompositeStaticFileOptionsProvider(IFileProvider webRootFileProvider, IEnumerable<StaticFileOptions> staticFileOptions)
    {
      _webRootFileProvider = webRootFileProvider ?? throw new ArgumentNullException(nameof(webRootFileProvider));
      _staticFileOptions = staticFileOptions;
    }

    /// <summary>
    /// 指定されたパスにあるディレクトリを列挙します（存在する場合）。
    /// </summary>
    /// <param name="subpath">ディレクトリを識別する相対パス。</param>
    /// <returns>ディレクトリの内容を返します。</returns>
    public IDirectoryContents GetDirectoryContents(string subpath)
    {
      var result = GetFileProvider(subpath);
      return result.FileProvider.GetDirectoryContents(result.StaticFileRelativePath);
    }

    /// <summary>
    /// 指定されたパスでファイルを見つけます。
    /// </summary>
    /// <param name="subpath">ファイルを識別する相対パス。</param>
    /// <returns>ファイル情報。 発信者はExistsプロパティを確認する必要があります。</returns>
    public IFileInfo GetFileInfo(string subpath)
    {
      var result = GetFileProvider(subpath);
      return result.FileProvider.GetFileInfo(result.StaticFileRelativePath);
    }

    /// <summary>
    /// 指定されたフィルターの Microsoft.Extensions.Primitives.IChangeToken を作成します。
    /// </summary>
    /// <param name="filter">監視するファイルまたはフォルダーを決定するために使用されるフィルター文字列。 例：**/*.cs、*.*、subFolder/**/*.cshtml。</param>
    /// <returns>ファイル一致フィルターが追加、変更、または削除されたときに通知される Microsoft.Extensions.Primitives.IChangeToken。</returns>
    public IChangeToken Watch(string filter)
    {
      var result = GetFileProvider(filter);
      return result.FileProvider.Watch(result.StaticFileRelativePath);
    }

    /// <summary>
    /// 指定された相対 URL に含まれる <see cref="StaticFileOptions"/> を探し、その FileProvider と静的ファイルへの相対パスを返します。
    /// 見つからなかった場合は wwwroot を持つ FileProvider を返します。
    /// </summary>
    /// <param name="path">アクセスされたホスト名以降の相対 URL。</param>
    /// <returns>検索された <see cref="StaticFileOptions"/> の FileProvider と RequestPath から静的ファイルへの相対パス。</returns>
    private (IFileProvider FileProvider, string StaticFileRelativePath) GetFileProvider(string path)
    {
      if (_staticFileOptions != null)
      {
        foreach (var option in _staticFileOptions)
        {
          // 登録している RequestPath とアクセスされた URL の大文字小文字が異なる場合があるので OrdinalIgnoreCase を指定
          if (path.StartsWith(option.RequestPath, StringComparison.OrdinalIgnoreCase))
          {
            return (option.FileProvider, path[option.RequestPath.Value.Length..]);
          }
        }
      }
      return (_webRootFileProvider, path);
    }
  }
}

因为它很长，我省略了细节的解释，但简单地说，首先， StaticFileOptions 在此类中保留您创建的所有列表。稍后将此类 env.WebRootFileProvider 设置到属性中。

当客户端访问它时，将调用每个方法，因此我们 StaticFileOptions 根据 URL 搜索访问了哪些静态文件。返回 StaticFileOptions 命中 FileProvider 和静态文件的相对路径。如果 StaticFileOptions 未命中，则通过返回默认 FileProvider 来应用 wwwroot 设置。

如果每个操作返回正确的文件信息， asp-append-version 则属性将生效。

顺便说一下，我创建这个代码并不重要。

应用您自己的类（CompositeStaticFileOptionsProvider）

Startup.Configure 现在，您可以按如下方式修复它：因为它是写的，没有特别的东西要解释。 StaticFileOptions 我大约用数组来总结它。

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
  // 省略
  app.UseHttpsRedirection();
  
  // ここから修正
  
  var staticOptions = new StaticFileOptions[]
  {
    // Site1 用の物理コンテンツフォルダと参照 URL を紐づける
    new StaticFileOptions()
    {
      FileProvider = new PhysicalFileProvider(Path.Combine(env.ContentRootPath, "Areas/Site1/Content")),
      RequestPath = "/Site1",
    },
    // 複数ある場合はこんな感じで追加
    //new StaticFileOptions()
    //{
    //  FileProvider = new PhysicalFileProvider(Path.Combine(env.ContentRootPath, "Areas/Site2/Content")),
    //  RequestPath = "/Site2",
    //},
  };
  
  // wwwroot フォルダで静的ファイル参照を有効にする
  app.UseStaticFiles();
  
  // 追加したい StaticFileOptions
  foreach (var option in staticOptions)
  {
    app.UseStaticFiles(option);
  }
  
  // StaticFileOptions を独自クラスでまとめて WebRootFileProvider にセットする
  var compositeProvider = new CompositeStaticFileOptionsProvider(env.WebRootFileProvider, staticOptions);
  env.WebRootFileProvider = compositeProvider;
  
  // ここまで修正
  
  app.UseRouting();
  // 省略
}

执行此操作时，您会看到属性也反映在放置在 wwwroot asp-append-version 以外的文件夹中的静态文件中。

将静态文件放在 wwwroot 以外的文件夹中

ASP.NET Core 中使用实体框架 Core 访问数据库