Blazor PageTitle 标记在迁移到 .NET Core 6 后不起作用

Question

我尝试在 Blazor 服务器应用程序中配置页面标题，但不幸的是，标签

<PageTitle>

不起作用。这个项目是在 Microsoft 发布 .NET Core 6 之前开始的，之后我将我的应用程序迁移到了这个版本。

编译或运行没有错误。

示例页面：

@page "/page"

<PageTitle>My page title</PageTitle>

...

Answer 1

要在新版本的 .NET Core、服务器端而不是 webAssembly 中使用

<PageTitle>

标签，您需要用新组件替换

<title>

标签，并将此库添加到文件

Pages/_Host.cshtml

中。

@using Microsoft.AspNetCore.Components.Web

<head>
  <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
</head>

从 .NET Core 6 创建的项目脚手架会自动将这些部分添加到

Pages/_Layout.cshtml

理论上，迁移 WebAssembly 项目的用户也需要添加下面的代码

Program.cs

builder.RootComponents.Add<HeadOutlet>("head::after");