両方のプロジェクトが別々に生成された場合、ASP.NET Core Web APIプロジェクトからAngularファイルを提供するにはどのような構成が必要ですか？

タイトルで述べたように、私には互いに独立して生成された2つのプロジェクトがあります。1. ASP.NET Coreプロジェクトはdotnet new webapi -o TestAPI、2。AngularCLIを使用して生成されたAngularプロジェクトを使用して生成されていましたng new TestAngularApp

Web APIプロジェクトはAngularプロジェクトのバックエンドであるため、Angularアプリに提供したいと考えています。私の調査によると、ASP.NET Coreが静的ファイルを提供する方法wwwrootは、Web APIプロジェクトのルートディレクトリにフォルダーを作成し、ng build --prodコマンドによって生成されたすべてのコンテンツをそのwwwrootフォルダー内に配置する必要があるというものです。

次のステップは、次に何を構成する必要があるのか​​わからないところです。これまでのところ、私が追加Startup.csしたConfigureメソッドのファイルに

app.UseDefaultFiles(); app.UseStaticFiles();

Visual Studioから直接デバッグモードでwebapiプロジェクトを実行すると、これは期待どおりに機能するようになりました。この問題は、webapiを公開してIISにローカルにデプロイするときに発生します。

dotnet publish -c Releaseコマンドを実行すると、期待どおりに.../publishディレクトリを含むすべてのファイルがディレクトリに生成wwwrootされます。

IISで、次にアプリケーションを作成Default Web Siteし、.../publishディレクトリを指定します。

この時点Failed Request Tracingで、サイトレベルで有効にしました。

アプリケーションを参照すると、webapiはindex.htmlファイルを正しく提供しようとしますが、必要なアセットを読み込めません。

ThePLeagueアプリケーションとそのアプリケーション内にある「wwwroot」ディレクトリの両方に書き換えURLルールを追加しようとしましたが、これは機能しません。私は自分のURL書き換えモジュールが実際に機能することを確認するためにテストしました。

私の質問は、私のwebapiはAngularファイルを正常に提供するために追加の構成を必要としますか？

私が使用する必要がありますSpaFallbackException、UseSpa、UseSpaStaticFilesまたはのいずれかのSpaプレフィックス拡張メソッドは、仕事にこれを取得するために、または私が既に持っている二つの方法が十分にすべきですか？

あなたが提供できる洞察に感謝します。

更新

回答に記載されているようにベースURLを調整した後、私のファイルは正常に提供されました。ベースURLがに調整されました<base href="/ThePLeague/">。ただし、現在の問題は、ページを更新するときです。404エラーが表示されます。URL書き換えルールは、ASP.NET Core webapiと同じディレクトリにwwwrootあり、すべての静的ファイルがあるフォルダー内にはありません。これは、を有効にするFailed Request Tracing RulesとIIS、wwwrootフォルダー内にルールを作成したときにログが生成されないためです。

URL書き換えルール：

`<system.webServer>
        <rewrite>
            <rules>
                <rule name="test">
                    <match url=".*" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" />
                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" />
                    </conditions>
                    <action type="Rewrite" url="wwwroot/index.html" logRewrittenUrl="true" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>`

ページを更新するときにログをトレースします。