asp .net core 使用spa

要求

.net core 2.1

引用包

Microsoft.AspNetCore.SpaServices

先在angular目錄下執行

npm i
npm run build

關鍵代碼

services.AddSpaStaticFiles(c =>
{
    //這里設置路由
    c.RootPath = "ClientApp/dist";
});

app.UseSpa(spa =>
{
    // To learn more about options for serving an Angular SPA from ASP.NET Core,
    // see https://go.microsoft.com/fwlink/?linkid=864501
    //這里是angular項目的根目錄
    spa.Options.SourcePath = "ClientApp";

    if (env.IsDevelopment())
    {
        spa.UseAngularCliServer(npmScript: "start");
    }
});

示例代碼

示例代碼

參考資料

通過 ASP.NET Core 使用 Angular 項目模板
Implement ASP.NET Core SPA template features in an Angular 6 app