Aplique ap-append-version, além de arquivos estáticos na pasta wwwroot

ambiente

Estúdio Visual

• Visual Studio 2019

Núcleo ASP.NET

• 3.1 (Página de navalha, MVC)

Arquivos estáticos colocados fora da pasta wwwroot não refletem a versão asp-apêndice

app.UseStaticFiles Especificando uma chamada adicional StaticFileOptions para o método Arquivos estáticos também podem ser colocados em pastas diferentes do wwwroot. No entanto, para arquivos estáticos colocados fora da pasta wwwroot, link e tags de script asp-append-version Definir o atributo não adiciona informações de versão à URL.

Vou tentar. Os arquivos estão organizados nas seguintes configurações:

Startup.Configure método para publicar também a pasta Áreas/Site1/Conteúdo.

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

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

O código a seguir index.cshtml foi adicionado a . Cada asp-append-version um é adicionado.

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

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

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

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

Quando você executá-lo, a imagem é exibida corretamente.

No entanto, se você olhar para o HTML da página, você pode ver que a sequência só é expandida para os arquivos colocados em wwwroot.

Causas quando a versão asp-apêndice não é refletida

Depende da propriedade que determina se a versão asp-apêndice env.WebRootFileProvider é IFileProvider refletida. Por padrão, o wwwroot PhysicalFileProvider especificado é definido para que não seja refletido em outras pastas.

Há uma classe IFileProvider que pode ter mais de CompositeFileProvider um Você pode empacotar mais de um aqui PhysicalFileProvider e dá-lo a env.WebRootFileProvider . Apenas um caminho de pasta física pode ser passado para o último, StaticFileOptions.RequestPath Não é possível especificar mais de um, por isso não acho que será a ação pretendida.

* env.WebRootFileProvider é recebido pelo Startup.Configure IWebHostEnvironment env método.

Herde o IFileProvider e crie suas próprias classes

ASP.NET fileProvider porque ele não pode ser suportado por recursos padrão apenas no Core.

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);
    }
  }
}

Porque é longo, eu não vou explicar os detalhes, mas para explicar brevemente, Primeiro, StaticFileOptions terei toda a lista que criei nesta classe. Vou definir esta aula env.WebRootFileProvider para uma propriedade mais tarde.

Cada método é chamado quando acessado por um cliente, então pesquise StaticFileOptions qual arquivo estático você acessou com base na URL. Retorna o StaticFileOptions caminho relativo para o arquivo hit e estático. FileProvider Se a staticFileOptions não for atingida, a configuração wwwroot será aplicada retornando o FileProvider padrão.

Devolver as informações corretas do arquivo para cada operação asp-append-version refletirá o atributo.

A propósito, este código pode estar em qualquer lugar.

Aplique sua própria classe (CompositeStaticFileOptionsProvider)

Startup.Configure Vamos corrigi-lo da seguinte forma: Como escrito, não há nada para explicar. StaticFileOptions Só estou resumindo-os em uma matriz.

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();
  // 省略
}

Se você executá-lo agora, você pode ver que o atributo é refletido em arquivos estáticos asp-append-version colocados em pastas diferentes de wwwroot.