在Blazor中设置启动页面

Question

我的Blazor应用程序中的启动页面是Index.cshtml。我想要将启动页面更改为主页，即我的Home.cshtml。

我使用的是vs2019，ASPNET CORE Blazor (0.9.0-preview3-19154-020)。

Blazor Serverside在Startup.cs中有路由，我认为这是针对服务的，而不是针对通过创建新的Blazor项目而生成的pages...and。

app.UseMvc(routes =>
{
   routes.MapRoute(name: "default", template: "{controller}/{action}/{id?}");
});

客户端的启动(由一个新的Blazor项目生成)：

public void ConfigureServices(IServiceCollection services)
{
}

 public void Configure(IComponentsApplicationBuilder app)
{
     app.AddComponent<App>("app");
}

我需要以某种方式在客户端startup.cs中注册路由吗？

index.cshtml中只有一行代码：

@page "/"

如何将“启动”页面从Index.cshtml更改为Home.cshtml？

我看了很多地方，知道Blazor是“试验性的”。感觉我在努力工作来改变这么简单的事情。

Answer 1

只需将@page "/“放在您想要成为默认页面的顶部。从Index.razor中删除@page "/“

@page "/"
@page "/fetchdata"

Answer 2

复制包含路由模板的@page指令：

@page "/"

从Index.cshtml文件复制到Home.cshtml文件，然后删除Index.cshtml文件，或者为其@page指令提供不同的路由模板。

@page "/index"

Answer 3

您不需要在启动时配置路由。路由只适用于每个剃刀页面。无论您在@page上放什么，都是该剃刀页面的路由路径，例如，到根路径"/“的Index.razor路由。

@page "/"

<h1>Index Page</h1>

@code {
    //Code here..
}

让不同的剃刀页面使用相同的路由并不是一个好主意，因此，如果您想在Home.razor页面上使用根路径，请确保将Index.razor更改为不同的路由。

如果你想要的是重定向，比方说，不是让你的站点加载到，而是希望它加载到，然后你可以在你的Index.razor上执行以下操作

@page "/"
@inject NavigationManager NavManager

<h1>Index Page</h1>

@code {
    protected override void OnInitialized()
    {
        NavManager.NavigateTo("/home");
    }
}

这里假设您的Home.razor上也有以下路由

@page "/home"

<h1>Index Page</h1>

@code {
    //Code here..
}