在Blazor的OnInitialized钩子中以InteractiveAuto模式访问Cookies的方法

由于OnInitialized阶段JavaScript尚未可用，无法通过JS操作Cookie，需要根据你的Blazor项目类型（Server或WebAssembly）选择对应方案：

Blazor Server 项目 #

你之前尝试的级联HttpContext无法直接使用，因为Blazor Server默认不会级联HttpContext，正确的方式是通过IHttpContextAccessor来获取：

1. 注册服务
   在Program.cs中添加IHttpContextAccessor的注册：

builder.Services.AddHttpContextAccessor();

2. 注入并使用
   在组件中注入IHttpContextAccessor，然后在OnInitialized中访问Cookie：

using Microsoft.AspNetCore.Http;

private readonly IHttpContextAccessor _httpContextAccessor;

// 通过构造函数注入
public YourComponent(IHttpContextAccessor httpContextAccessor)
{
    _httpContextAccessor = httpContextAccessor;
}

protected override void OnInitialized()
{
    // 注意：HttpContext仅在初始服务器渲染时可用，后续SignalR连接时会为null
    var targetCookie = _httpContextAccessor.HttpContext?.Request.Cookies["你的Cookie名称"];
    if (!string.IsNullOrEmpty(targetCookie))
    {
        // 执行你的业务逻辑
    }
}

Blazor WebAssembly 项目 #

WebAssembly运行在客户端，没有服务器端的HttpContext，需要通过后端接口间接获取Cookie：

1. 后端编写接口
   在ASP.NET Core后端添加一个接口，用于读取并返回指定Cookie的值：

using Microsoft.AspNetCore.Mvc;

[ApiController]
[Route("api/cookies")]
public class CookiesController : ControllerBase
{
    [HttpGet("get")]
    public IActionResult GetCookieValue(string cookieName)
    {
        var cookieValue = Request.Cookies[cookieName];
        return Ok(cookieValue);
    }
}

2. 前端调用接口
   在Blazor组件中注入HttpClient，在OnInitializedAsync中调用后端接口获取Cookie：

private readonly HttpClient _httpClient;

public YourComponent(HttpClient httpClient)
{
    _httpClient = httpClient;
}

protected override async Task OnInitializedAsync()
{
    var cookieValue = await _httpClient.GetStringAsync("api/cookies/get?cookieName=你的Cookie名称");
    if (!string.IsNullOrEmpty(cookieValue))
    {
        // 执行你的业务逻辑
    }
}

额外注意事项 #

• Blazor Server的交互式模式（如InteractiveServer/InteractiveAuto）中，后续客户端渲染时HttpContext会为null，此时需要切换为JavaScript方式访问Cookie（可在OnAfterRender中处理）。
• WebAssembly中若需要在客户端设置Cookie，仍需等到OnAfterRender阶段使用JavaScript操作。

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