Http.sysとURLPrefixを使用しているときにReact SPAを提供するようにドットネットコア3を構成する方法


9

URLPrefixを変更すると、次のエラーが発生します。

SPAのデフォルトページミドルウェアが見つからなかったため、デフォルトページ '/index.html'を返すことができず、他のミドルウェアがリクエストを処理しませんでした。

したがって、ドットネットコアにプレフィックスを通知するために何かが必要ですが、設定の正しい組み合わせを見つけることができないようです。

どうぞよろしくお願いいたします。

コードは以下のとおりです。

HostBuilderは次のようにセットアップされます。

public static IHostBuilder CreateHostBuilder(string[] args) =>
Host.CreateDefaultBuilder(args)
    .ConfigureWebHostDefaults(webBuilder =>
    {
        webBuilder.UseHttpSys(options =>
        {
            options.AllowSynchronousIO = false;
            options.Authentication.Schemes = AuthenticationSchemes.None;
            options.Authentication.AllowAnonymous = true;
            options.MaxConnections = null;
            options.MaxRequestBodySize = 30000000;
            options.UrlPrefixes.Add("http://localhost:5005/Product/Site");
        });
        webBuilder.UseStartup<Startup>();
    });

ConfigureServices:

public override void ConfigureServices(IServiceCollection services)
{
  services.AddRazorPages();

  services.AddSpaStaticFiles(configuration =>
  {
    configuration.RootPath = "ClientApp/build";
  });

  services.AddMvc();
  services.AddResponseCompression(opts =>
  {
    opts.MimeTypes = ResponseCompressionDefaults.MimeTypes.Concat(
              new[] { "application/octet-stream" });
  });
}

そしてConfigureは:

      app.UseSpaStaticFiles();
      app.UseRouting();
      app.UseEndpoints
      (
        endpoints =>
        {
          endpoints.MapControllerRoute(
              name: "default",
              pattern: "{controller}/{action=Index}/{id?}");
        }
      );

      app.UseSpa(spa =>
      {
        //spa.Options.DefaultPage = reactPath + "/index.html";
        spa.Options.DefaultPage = "/index.html";

        spa.Options.SourcePath = "ClientApp";


      });

回答:


3

これは、実際の静的ファイルへのパスが失われる問題のようです。StaticFilesOptionsで、ファイルプロバイダーにindex.html静的ファイルへのパスを提供していることを確認します。

spa.Options.DefaultPageStaticFileOptions = new StaticFileOptions
            {
              FileProvider = new PhysicalFileProvider
              (
                @"<YourPath>"
              )
            }

これらのオプションの詳細については、Microsoftのドキュメントを参照してください。

https://docs.microsoft.com/en-us/aspnet/core/fundamentals/static-files?view=aspnetcore-3.1

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.