Blazor使用IHttpContextAccessor设置Cookie报响应已启动错误如何解决？

• 你使用的IHttpContextAccessor操作Cookie方案仅适配传统ASP.NET Core服务端渲染场景（如MVC、Razor Pages），这类场景下Cookie设置逻辑会在HTTP响应头发送给客户端前完成。
• 无论你使用的是Blazor Server还是Blazor WebAssembly模式，当页面组件进入生命周期执行阶段时，服务端的HTTP响应已经完成发送，响应头已被锁定，此时调用HttpContext.Response.Cookies.Append尝试修改响应头，自然会抛出该异常。
• 若你使用的是Blazor WebAssembly模式，本身不存在服务端HttpContext对象，IHttpContextAccessor方案本身就完全不可用。

Blazor交互阶段读写Cookie的标准实现是使用IJSRuntime调用浏览器JavaScript接口操作，具体实现如下：

1. 先在项目wwwroot目录下新增JS工具文件js/cookieHelper.js，内容如下：

window.cookieHelper = {
    // 设置Cookie，daysToLive为有效期天数
    setCookie: function (name, value, daysToLive = 1) {
        const date = new Date();
        date.setTime(date.getTime() + (daysToLive * 24 * 60 * 60 * 1000));
        const expires = "expires=" + date.toUTCString();
        document.cookie = `${name}=${encodeURIComponent(value)};${expires};path=/`;
    },
    // 读取Cookie
    getCookie: function (name) {
        const nameEQ = name + "=";
        const cookieArr = document.cookie.split(';');
        for(let i = 0; i < cookieArr.length; i++) {
            let cookie = cookieArr[i].trim();
            if (cookie.indexOf(nameEQ) === 0) {
                return decodeURIComponent(cookie.substring(nameEQ.length));
            }
        }
        return null;
    },
    // 删除Cookie
    deleteCookie: function (name) {
        document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
    }
};

2. 在Pages/_Layout.cshtml（Blazor Server）或wwwroot/index.html（Blazor WebAssembly）中引入该JS文件：

<script src="js/cookieHelper.js"></script>

3. 在Blazor组件中注入IJSRuntime调用对应方法即可：

@inject IJSRuntime JSRuntime

@code {
    protected override async Task OnInitializedAsync()
    {
        // 写入Cookie
        await JSRuntime.InvokeVoidAsync("cookieHelper.setCookie", "userName", "zhangsan", 7);
        // 读取Cookie
        var userName = await JSRuntime.InvokeAsync<string>("cookieHelper.getCookie", "userName");
    }
}

如果你确实需要在页面首次加载阶段设置Cookie，可以在_Host.cshtml的服务端渲染逻辑中使用HttpContext操作，此时响应头还未发送，不会触发异常，不要在组件的生命周期方法中执行该操作即可。

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