如何在 Blazor WASM 客户端中访问 Httpclient 标头

时间:2020-12-21 22:55:55

标签: httpclient blazor etag response-headers

我的客户端代码调用 API,我正在尝试从响应标头中获取返回的 ETag 值。如果我使用 Fiddler,我可以看到响应包含 ETag 标头,如果我使用 Postman 进行 API 调用,我可以看到 ETag 标头,但是无论我采取什么方法尝试检索代码中的标头,我都得到返回的是一个空。

本质上API调用是;

// create request object
var request = new HttpRequestMessage(HttpMethod.Get, url);
// add authorization header
request.Headers.Authorization = new AuthenticationHeaderValue("bearer", await GetBearerToken());
// send request
HttpResponseMessage response = await _client.SendAsync(request);

Fiddler Response Header showing Etag

邮递员的回应是;

Postman response headers

我花了几个小时从网络上搜索和尝试示例,但无论我尝试什么,我都无法获得 ETag 标头。

使用下面的示例代码,我确实得到了前 2 个标头,如返回的 Postman 响应标头所示,但不是 ETag 标头/值。

String allResponseHeaders = Enumerable
    .Empty<(String name, String value)>()
    .Concat(
    response.Headers
    .SelectMany(kvp => kvp.Value
    .Select(v => (name: kvp.Key, value: v))
    ))
    .Concat(
    response.Content.Headers
    .SelectMany(kvp => kvp.Value
    .Select(v => (name: kvp.Key, value: v))
    ))
   .Aggregate(
   seed: new StringBuilder(),
   func: (sb, pair) => sb.Append(pair.name).Append(": ").Append(pair.value).AppendLine(),
   resultSelector: sb => sb.ToString()
   );

我正在使用 Visual Studio、Blazor 和 aspnetcore 5.0,我希望使用 IndexDB 生成 PWA 并使用 ETag 来减少数据下载。

有关如何访问 Etag 标头的任何帮助将不胜感激...

3 个答案:

答案 0 :(得分:0)

在响应消息对象上,您可以直接访问 ETag 标头。

// create request object
var request = new HttpRequestMessage(HttpMethod.Get, url);
// add authorization header
request.Headers.Authorization = new AuthenticationHeaderValue("bearer", await GetBearerToken());
// send request
HttpResponseMessage response = await _client.SendAsync(request);

//read the response headers. The ETag is already a "known" header and is easily accessible via a property
EntityTagHeaderValue etagHeader = response.Headers.ETag;

答案 1 :(得分:0)

我创建了非常简单的控制台应用程序并使用它从 API 获取数据,我可以看到响应中返回了 ETag 值,但似乎无法简单地使用 response.Headers.Etag 提取代码中的值.

using System.Net.Http;
using System.Net.Http.Headers;
using System.Threading.Tasks;

namespace SimpleAPIClient
{

    class Program
    {
        private static readonly HttpClient client = new HttpClient();

        static async Task Main(string[] args)
        {

            var request = new HttpRequestMessage(HttpMethod.Get, "https://localhost:44338/api/headers/3");
            request.Headers.Authorization = new AuthenticationHeaderValue("bearer", "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJhZG1pbkBjb250cmEtc29mdC5jb20iLCJqdGkiOiI4NjgyMmQ1YS1iNTQ3LTRlMjItYmQ3NS0wNDlkZmE5MTMzZmUiLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1laWRlbnRpZmllciI6IjVkODExZmY1LTgyY2QtNDY2NC05ODkzLTZmNGRjMDU0YzFmNSIsImh0dHA6Ly9zY2hlbWFzLm1pY3Jvc29mdC5jb20vd3MvMjAwOC8wNi9pZGVudGl0eS9jbGFpbXMvcm9sZSI6IkFkbWluaXN0cmF0b3IiLCJleHAiOjE2MDgzNTU0MTEsImlzcyI6ImNvbnRyYS1zb2Z0LmNvbSIsImF1ZCI6ImNvbnRyYS1zb2Z0LmNvbSJ9.w_CSstMZkFFn0DcMlcPNNm_Nr0idzHPo6I2hRjEUglQ");
            HttpResponseMessage response = await client.SendAsync(request);

            var etag = response.Headers.ETag;

            int i = 0;
        }

    }
}

VS Breakpoint shows ETag data

我认为问题是由于该项目是 Blazor Web Assembly 项目,如果我创建简单的 .net 核心项目,则以下代码有效;

client.DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("bearer", "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiO");
Task<HttpResponseMessage> s = client.GetAsync("https://localhost:44338/api/headers/3");
HttpResponseMessage nresponse2 = await s;
var etag2 = nresponse2.Headers.FirstOrDefault(i => i.Key == "ETag").Value.FirstOrDefault();

但是 Blazor 中的相同代码没有。

答案 2 :(得分:0)

我和其他人一样遇到了类似的问题。实际上,我们有 github 问题和关于这个问题的大量讨论。我只是想与其他可能卡在同一点并访问堆栈溢出的人分享。

问题链接(已关闭):

https://github.com/dotnet/runtime/issues/42179

引自讨论“您的 CORS 策略需要指定公开哪些标头。如果您希望客户端读取所有标头,您可以如此指定”

示例(服务器端):

    services.AddCors(options =>
    {
        options.AddPolicy("Open", builder => builder.AllowAnyOrigin().AllowAnyHeader().AllowAnyMethod().WithExposedHeaders("*"));
        //options.AddPolicy(name: MyAllowSpecificOrigins, builder =>
        //{
        //    builder.WithOrigins("http://localhost:44350");
        //});
    });
相关问题