如何在客户端不借助Interop直接访问Cookie？及.NET WASM模拟缓存脚本方案

一、不使用Interop直接访问浏览器Cookie #

在Blazor WASM环境中，没有原生的.NET类库可以直接绕过JS Interop访问浏览器的Document Cookie。浏览器的Cookie属于宿主环境专属API，.NET WASM运行时并未提供对应的直接封装接口。

如果你的场景仅涉及HttpClient请求关联的Cookie，可以使用HttpClientHandler的CookieContainer进行管理，但这个容器是HttpClient实例独立维护的，和浏览器全局Cookie池并非同一对象，无法直接读取或修改浏览器中存储的所有Cookie。

二、用.NET类库实现浏览器Cache API功能 #

目前.NET官方类库没有直接封装浏览器的Cache API（即你提供的caches相关操作），无法仅通过.NET类库实现等效功能。你仍需要通过JS Interop调用浏览器原生Cache API，或基于现有Interop逻辑封装.NET扩展方法简化调用。

以下是基于你提供的JS脚本封装的.NET示例代码：

1. 定义.NET接口 #

public interface ICacheHelpers
{
    Task AddToCache(string cacheName, string requestUrl, object responseData);
    Task<T?> GetFromCache<T>(string cacheName, string requestUrl);
    Task DeleteFromCache(string cacheName, string requestUrl);
}

2. 实现JS Interop封装 #

public class CacheHelpers : ICacheHelpers
{
    private readonly IJSRuntime _jsRuntime;

    public CacheHelpers(IJSRuntime jsRuntime)
    {
        _jsRuntime = jsRuntime;
    }

    public async Task AddToCache(string cacheName, string requestUrl, object responseData)
    {
        await _jsRuntime.InvokeVoidAsync("window.cacheHelpers.addToCache", 
            cacheName, requestUrl, responseData);
    }

    public async Task<T?> GetFromCache<T>(string cacheName, string requestUrl)
    {
        return await _jsRuntime.InvokeAsync<T?>("window.cacheHelpers.getFromCache", 
            cacheName, requestUrl);
    }

    public async Task DeleteFromCache(string cacheName, string requestUrl)
    {
        await _jsRuntime.InvokeVoidAsync("window.cacheHelpers.deleteFromCache", 
            cacheName, requestUrl);
    }
}

3. 注册服务（Program.cs中） #

builder.Services.AddScoped<ICacheHelpers, CacheHelpers>();

完成后即可在Blazor组件或服务中注入ICacheHelpers，直接调用缓存操作。

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