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

示例代码

https://github.com/zLulus/NotePractice/blob/dev3/Website/DotNetCore/CoreWebsite/Startup.cs

参考资料

http://www.talkingdotnet.com/implement-asp-net-core-spa-template-feature-in-angular6-app/
https://docs.microsoft.com/zh-cn/aspnet/core/client-side/spa/angular?view=aspnetcore-2.1&tabs=visual-studio

猜你喜欢

转载自www.cnblogs.com/Lulus/p/9726386.html