除了 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 則屬性將生效。

順便說一下，我創建這個代碼並不重要。

套用您的類別（CompositeStaticFileOptions Provider）

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 訪問資料庫