Blazor Server应用：能否用Blazor组件在Razor登录页处理登录流程？

完全可以用Blazor组件搭配MudBlazor来处理登录流程，不用勉强适配Razor页面的样式，具体实现思路如下：

• 替换默认认证页面：删除或重命名脚手架生成的Login.cshtml等Razor认证页面，在Blazor项目中新建Login.razor组件，用MudBlazor的MudTextField、MudButton、MudForm等组件搭建登录UI，保证和应用整体风格统一。
• 实现认证逻辑：在Blazor组件中注入SignInManager<IdentityUser>、NavigationManager等服务，编写登录方法调用PasswordSignInAsync完成身份验证，登录成功后通过NavigationManager跳转至目标页面。
• 自定义模型绑定：无需依赖Razor页面的@Model，直接在Blazor组件内定义登录模型类（比如包含Username、Password、RememberMe字段），通过双向绑定与MudBlazor组件关联，和常规Blazor组件的用法一致。
• 配置路由与授权：在Program.cs中确保认证中间件配置正确，将登录组件的路由设为/Login，并在授权策略中指定该路径为登录跳转目标，未授权用户访问受保护页面时会自动跳转至Blazor登录组件。

如果不想改动认证流程结构，也可以将默认Razor页面改造为MudBlazor风格：

• 在Razor页面的布局文件中引入MudBlazor的CSS和JS资源，与Blazor项目的配置保持一致。
• 将Razor页面中原生HTML表单元素替换为MudBlazor组件，保留原有的@model LoginModel绑定逻辑，Razor页面支持混用Blazor组件，引入资源后即可正常使用MudBlazor的UI组件。

两种方案中更推荐第一种，既能保持UI风格完全统一，又能让登录流程融入Blazor生态，后续维护更便捷。

内容的提问来源于stack exchange，提问作者Grant Sanders