Blazor 使用 jwt 令牌获取请求

Question

我想从我的 blazor wasm 应用程序发送授权获取请求。 从 postman 发出的请求工作正常，我的代码如下：

程序.cs：

var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add<App>("#app");
builder.RootComponents.Add<HeadOutlet>("head::after");

builder.Services.AddBlazoredLocalStorage();
builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
builder.Services.AddOptions();
builder.Services.AddAuthorizationCore();
builder.Services.AddScoped<AuthenticationStateProvider, PortalAuthStateProvider>();
builder.Services.AddMudServices();

await builder.Build().RunAsync();

MyPage.razor：

protected override async Task OnInitializedAsync(){
string authToken = await LocalStorage.GetItemAsStringAsync("authToken"); //returned normally
Http.DefaultRequestHeaders.Add("Bearer", authToken);
var result = await Http.GetFromJsonAsync<ApplicationDto[]>("api/Applications");
}

它返回401未授权，api controller装饰有[Authorize]属性，令牌生成并正常返回，使用postman中生成的相同令牌工作正常

Answer 1

添加授权 header 的正确方法如下：

Http.DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("Bearer", authToken);

或者：

Http.DefaultRequestHeaders.Add("Authorization", $"Bearer {authToken}");

GetItemAsStringAsync也弄乱了令牌。 请改用GetItemAsync<string> ：

string authToken = await LocalStorage.GetItemAsync<string>("authToken");