Blazor WASM Head 组件、页面源和社交媒体分享
Blazor WASM Head component, page source and social media share
我在 Blazor WASM .net6 中使用新的 <PageTitle> 和 <HeadContent> 组件。
它工作正常，如果我查看 devtools 元素，一切都按预期工作。
但是如果我查看页面源代码 none 这些东西没有显示，即使在 Program.cs 中应该将其添加到 html 头部。
当我尝试分享到社交媒体平台时，这会产生问题，因为它们依赖于页面源标记中的信息。
解决这个问题的最佳方法是什么？
在 Blazor WASM 中，如果您想将特定的 head 标签放入您的应用程序中，您应该将其放入您的 index.html 文件中。您可以在应用程序的 wwwroot 文件夹中找到它。如果此标签仅属于特定的 Balzor 组件，您应该使用 <HeadContent> 标签。您可以在 link.
中找到更多相关信息
这是 Blazor WebAssembly（以及所有其他 SPA 框架）的基本 属性：最终 HTML 页面在客户端中 'constructed'。 View-Source 仅显示初始加载器页面。
选项：
在 index.html 页面中嵌入信息。您展示的样本看起来只包含相当静态的信息。如果没有 .razor 源，则不清楚。
使用server pre-rendering。这需要在 asp.net 上托管并启用 razor 页面。
我在 Blazor WASM .net6 中使用新的 <PageTitle> 和 <HeadContent> 组件。
它工作正常，如果我查看 devtools 元素，一切都按预期工作。
但是如果我查看页面源代码 none 这些东西没有显示，即使在 Program.cs 中应该将其添加到 html 头部。
当我尝试分享到社交媒体平台时，这会产生问题，因为它们依赖于页面源标记中的信息。
解决这个问题的最佳方法是什么？
在 Blazor WASM 中，如果您想将特定的 head 标签放入您的应用程序中，您应该将其放入您的 index.html 文件中。您可以在应用程序的 wwwroot 文件夹中找到它。如果此标签仅属于特定的 Balzor 组件，您应该使用 <HeadContent> 标签。您可以在 link.
这是 Blazor WebAssembly（以及所有其他 SPA 框架）的基本 属性：最终 HTML 页面在客户端中 'constructed'。 View-Source 仅显示初始加载器页面。
选项：
在
index.html页面中嵌入信息。您展示的样本看起来只包含相当静态的信息。如果没有 .razor 源，则不清楚。使用server pre-rendering。这需要在 asp.net 上托管并启用 razor 页面。