jdjkdmn

当然，有很多方法可以实现前后端不分离的登录功能。以下是几个不同的方法：

### 方法一：使用 Blazor Server 内置的身份认证

Blazor Server 支持使用 ASP.NET Core Identity 进行身份认证。这种方法非常适合需要用户注册、登录、角色管理等复杂身份认证需求的应用。

1. **安装必要的包**：

    ```bash
    dotnet add package Microsoft.AspNetCore.Identity.EntityFrameworkCore
    dotnet add package Microsoft.AspNetCore.Identity.UI
    ```

2. **配置服务**：

    在 `Program.cs` 中配置 Identity 服务：

    ```csharp
    builder.Services.AddDbContext<ApplicationDbContext>(options =>
        options.UseSqlServer(builder.Configuration.GetConnectionString("DefaultConnection")));

    builder.Services.AddDefaultIdentity<IdentityUser>(options => options.SignIn.RequireConfirmedAccount = true)
        .AddEntityFrameworkStores<ApplicationDbContext>();

    builder.Services.AddRazorPages();
    builder.Services.AddServerSideBlazor();
    ```

3. **添加身份认证页面**：

    在 Blazor 项目中添加 Identity UI：

    ```bash
    dotnet aspnet-codegenerator identity -dc ApplicationDbContext
    ```

4. **配置身份认证中间件**：

    在 `Program.cs` 中配置身份认证中间件：

    ```csharp
    app.UseAuthentication();
    app.UseAuthorization();
    ```

5. **使用身份认证组件**：

    在 Blazor 组件中使用身份认证组件，例如登录、注册等。

### 方法二：使用 Cookie 认证

你也可以使用传统的 Cookie 认证方式，这种方式适合于不需要复杂身份认证功能的小型应用。

1. **配置 Cookie 认证**：

    在 `Program.cs` 中配置 Cookie 认证：

    ```csharp
    builder.Services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme)
        .AddCookie(options =>
        {
            options.LoginPath = "/Account/Login";
            options.LogoutPath = "/Account/Logout";
        });

    builder.Services.AddAuthorization();
    ```

2. **创建登录和登出页面**：

    创建一个简单的登录页面和控制器：

    ```csharp
    public class AccountController : Controller
    {
        [HttpGet]
        public IActionResult Login() => View();

        [HttpPost]
        public async Task<IActionResult> Login(LoginModel model)
        {
            if (ModelState.IsValid)
            {
                // 验证用户
                if (model.Username == "admin" && model.Password == "password")
                {
                    var claims = new List<Claim>
                    {
                        new Claim(ClaimTypes.Name, model.Username)
                    };

                    var claimsIdentity = new ClaimsIdentity(claims, CookieAuthenticationDefaults.AuthenticationScheme);
                    var authProperties = new AuthenticationProperties
                    {
                        IsPersistent = model.RememberMe
                    };

                    await HttpContext.SignInAsync(CookieAuthenticationDefaults.AuthenticationScheme, new ClaimsPrincipal(claimsIdentity), authProperties);

                    return Redirect("/");
                }

                ModelState.AddModelError(string.Empty, "Invalid login attempt.");
            }

            return View(model);
        }

        [HttpPost]
        public async Task<IActionResult> Logout()
        {
            await HttpContext.SignOutAsync(CookieAuthenticationDefaults.AuthenticationScheme);
            return Redirect("/");
        }
    }

    public class LoginModel
    {
        [Required]
        public string Username { get; set; }

        [Required]
        public string Password { get; set; }

        public bool RememberMe { get; set; }
    }
    ```

3. **在 Blazor 组件中使用认证**：

    在 Blazor 组件中使用认证状态，并根据用户的认证状态显示不同的内容：

    ```razor
    @using Microsoft.AspNetCore.Components.Authorization
    @inject AuthenticationStateProvider AuthenticationStateProvider

    @code {
        private AuthenticationState authState;

        protected override async Task OnInitializedAsync()
        {
            authState = await AuthenticationStateProvider.GetAuthenticationStateAsync();
        }
    }

    @if (authState.User.Identity.IsAuthenticated)
    {
        <p>Welcome, @authState.User.Identity.Name!</p>
        <a href="/Account/Logout">Logout</a>
    }
    else
    {
        <a href="/Account/Login">Login</a>
    }
    ```

### 方法三：使用 JWT 认证

如果你希望使用 JWT（JSON Web Token）进行认证，可以参考以下步骤：

1. **安装必要的包**：

    ```bash
    dotnet add package Microsoft.AspNetCore.Authentication.JwtBearer
    ```

2. **配置 JWT 认证**：

    在 `Program.cs` 中配置 JWT 认证：

    ```csharp
    builder.Services.AddAuthentication(Jwt