Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $YECBGYFECGEAFWHA as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2

Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $BBWFDDBHHYHDXXAB as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2
Blazor HttpClient 附加 JWT Token 的方法_创想鸟

Blazor HttpClient 附加 JWT Token 的方法

最推荐的方式是使用自定义 DelegatingHandler(如 AuthorizationMessageHandler)配合 IJSRuntime 读取 localStorage 中的 JWT Token 并自动添加到 Authorization 请求头,再通过 Program.cs 正确注册命名 HttpClient 并注入该 handler,实现一次配置、全局生效。

blazor httpclient 附加 jwt token 的方法

在 Blazor(尤其是 Blazor WebAssembly)中,为 HttpClient 自动附加 JWT Token 最常用、最推荐的方式是使用 自定义 DelegatingHandler,配合 IJSRuntime 读取本地存储的 token(如 localStorage),再注入到每个请求的 Authorization 头中。

1. 创建带 Token 的 HttpClient Handler

新建一个继承自 DelegatingHandler 的类,例如 AuthorizationMessageHandler:

public class AuthorizationMessageHandler : DelegatingHandler{    private readonly IJSRuntime _jsRuntime;    public AuthorizationMessageHandler(IJSRuntime jsRuntime)    {        _jsRuntime = jsRuntime;    }    protected override async Task SendAsync(        HttpRequestMessage request, CancellationToken cancellationToken)    {        var token = await _jsRuntime.InvokeAsync("localStorage.getItem", "authToken");        if (!string.IsNullOrEmpty(token))        {            request.Headers.Authorization = new AuthenticationHeaderValue("Bearer", token);        }        return await base.SendAsync(request, cancellationToken);    }}

这个 handler 会在每次 HTTP 请求发出前,从浏览器 localStorage 中读取 token 并添加到请求头。

2. 在 Program.cs 中注册并配置 HttpClient

在 Blazor WebAssembly 的 Program.cs 中,注册该 handler,并将其注入到命名的 HttpClient:

builder.Services.AddScoped();builder.Services.AddHttpClient()    .AddHttpMessageHandler()    .ConfigureHttpClient(client =>    {        client.BaseAddress = new Uri(builder.HostEnvironment.BaseAddress);    });

注意:不要直接注册无名的 HttpClient(如 AddHttpClient),否则可能干扰框架默认客户端;推荐为 API 服务创建专用接口+实现,或使用命名客户端。

3. Token 存储与刷新时机要匹配

确保 token 已正确存入 localStorage,且在登录成功后及时写入:

登录成功后调用 JS: await jsRuntime.InvokeVoidAsync("localStorage.setItem", "authToken", token); 登出时务必清除:await jsRuntime.InvokeVoidAsync("localStorage.removeItem", "authToken"); 若 token 有过期时间,可在 AuthorizationMessageHandler 中加一层校验(比如解析 JWT payload 判断 exp),但更推荐由上层逻辑统一管理 token 刷新流程

4. 可选:支持多租户或动态 BaseAddress 场景

如果应用需对接多个 API 域名,可扩展 handler 构造函数,传入作用域标识或配置项,再按需决定是否附加 token 或附加到哪个请求:

通过 Named HttpClient 分离不同 API 客户端 在 handler 中检查 request.RequestUri.Host,只对特定域名附加 token 避免把敏感 token 泄露到不信任的第三方接口

基本上就这些。核心是 handler + localStorage + 正确注册顺序。不需要手动在每个 service 方法里加 header,也不依赖组件生命周期——真正做到了“一次配置,全局生效”。

以上就是Blazor HttpClient 附加 JWT Token 的方法的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1443076.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
C#怎么进行字符串拼接 C# String和StringBuilder性能对比
上一篇 2025年12月17日 19:42:18
EF Core如何添加迁移 EF Core添加迁移(Add-Migration)方法
下一篇 2025年12月17日 19:42:42

相关推荐

  • iPhone 17 Air 细节曝光,续航拉胯了 .

    iPhone 17 Air 细节曝光,续航拉胯了 .iPhone 17 Air 细节曝光,续航拉胯了 .iPhone 17 Air 细节曝光,续航拉胯了 .iPhone 17 Air 细节曝光,续航拉胯了 .

    今年,苹果公司将推出一款超薄的 iphone 17 air(暂定名),以取代销售表现不佳的 plus 机型。 随着三星发布同样主打轻薄的 Galaxy S25 Edge,关于 iPhone 17 Air 的更多细节也被曝光。 爆料者 yeux1122 透露了两个关键信息:电池和重量。 首先,让人印象…

    2026年9月26日 • 用户投稿
    000
  • 夸克怎么把网页添加到桌面_夸克网页快捷方式创建方法

    夸克怎么把网页添加到桌面_夸克网页快捷方式创建方法夸克怎么把网页添加到桌面_夸克网页快捷方式创建方法夸克怎么把网页添加到桌面_夸克网页快捷方式创建方法夸克怎么把网页添加到桌面_夸克网页快捷方式创建方法

    通过夸克浏览器可将常用网页添加到iPhone桌面,实现一键访问。首先在夸克中打开目标页面,点击底部更多选项(三个点),选择“添加到桌面”并确认,系统自动创建快捷方式;若无法直接添加,可点击分享图标,在分享列表中选择“添加到主屏幕”,按提示完成命名与放置;对于需自定义的用户,可在创建过程中修改默认标题…

    2026年9月26日 • 用户投稿
    000
  • sublime怎么在状态栏显示文件大小和修改日期_sublime状态栏显示文件大小与修改时间

    sublime怎么在状态栏显示文件大小和修改日期_sublime状态栏显示文件大小与修改时间sublime怎么在状态栏显示文件大小和修改日期_sublime状态栏显示文件大小与修改时间sublime怎么在状态栏显示文件大小和修改日期_sublime状态栏显示文件大小与修改时间sublime怎么在状态栏显示文件大小和修改日期_sublime状态栏显示文件大小与修改时间

    Sublime Text默认不显示文件大小和修改时间,可通过安装Status Bar Enhancements等插件或自定义插件实现,手动查看则可用系统属性或控制台脚本。 Sublime Text 默认状态下不会在状态栏显示文件大小和修改日期,但可以通过启用内置功能或安装插件来实现。以下方法可以帮助…

    2026年9月26日 • 用户投稿
    000
  • 剪映创作者交流会:全面引入AI能力,打造一站式创作工具

    剪映创作者交流会:全面引入AI能力,打造一站式创作工具剪映创作者交流会:全面引入AI能力,打造一站式创作工具剪映创作者交流会:全面引入AI能力,打造一站式创作工具剪映创作者交流会:全面引入AI能力,打造一站式创作工具

    日前,剪映在2025创作者交流大会上以“all in ai,all in one,创作,无限新可能”为主题,全面展示了其在ai领域的最新进展,并与众多内容创作者深入探讨了人工智能如何重构视频创作流程、降低技术门槛,激发更广泛的创意潜能。 剪映产品负责人在会上表示,剪映的愿景是成为每一位创作者的“全能…

    2026年9月26日 • 用户投稿
    900
  • linux常用命令查看内存方法

    linux常用命令查看内存方法linux常用命令查看内存方法linux常用命令查看内存方法linux常用命令查看内存方法

    Linux 提供多种方法查看内存使用情况,包括:free:显示总内存、已用内存、空闲内存和缓冲/缓存;top:实时显示正在运行进程的内存使用情况;ps:显示所有正在运行进程及其内存占用;vmstat:显示虚拟内存统计信息,包括内存使用、分页和交换活动;grep:可与其他命令结合使用,过滤特定内存使用…

    2026年9月26日 • 用户投稿
    000
  • 京东3C品类商家必读:智能客服如何提升高客单价转化(晓多案例分享)3C高客单价转化不再难!「破局之道」最高提升15%转化率!

    京东3C品类商家必读:智能客服如何提升高客单价转化(晓多案例分享)3C高客单价转化不再难!「破局之道」最高提升15%转化率!京东3C品类商家必读:智能客服如何提升高客单价转化(晓多案例分享)3C高客单价转化不再难!「破局之道」最高提升15%转化率!京东3C品类商家必读:智能客服如何提升高客单价转化(晓多案例分享)3C高客单价转化不再难!「破局之道」最高提升15%转化率!京东3C品类商家必读:智能客服如何提升高客单价转化(晓多案例分享)3C高客单价转化不再难!「破局之道」最高提升15%转化率!

    在京东平台运营手机、电脑等高价值3c数码产品的商家,普遍遭遇转化率难以提升的挑战。由于消费者在选购这类高价商品时决策周期较长、咨询频次高、服务期望值也更高,传统的客服模式往往难以应对。晓多科技与京东的联合实践表明,通过智能客服系统全面优化服务流程的商家,其咨询转化率最高可实现超过15%的增长。本文将…

    2026年9月26日 • 用户投稿
    200
  • Gemini生成内容能导出吗 Gemini结果保存与导出技巧分享

    Gemini生成内容能导出吗 Gemini结果保存与导出技巧分享Gemini生成内容能导出吗 Gemini结果保存与导出技巧分享Gemini生成内容能导出吗 Gemini结果保存与导出技巧分享Gemini生成内容能导出吗 Gemini结果保存与导出技巧分享

    关于Gemini生成内容能否导出或保存的问题,答案是肯定的。Gemini作为一款强大的AI工具,其生成的结果通常可以通过多种方式进行保存和导出,以便您后续查阅、编辑或分享。本文旨在分享一些实用的技巧,帮助您轻松保存Gemini的输出内容。我们将分步骤讲解如何通过几种主要方式实现这一目标,方便您学习和…

    2026年9月26日 • 用户投稿
    000
  • 浅谈 Windows 桌面端触摸架构演进

    浅谈 Windows 桌面端触摸架构演进浅谈 Windows 桌面端触摸架构演进浅谈 Windows 桌面端触摸架构演进浅谈 Windows 桌面端触摸架构演进

    我在和小伙伴水触摸相关的坑,说到了上古的触摸,很难和小伙伴统一知识,于是就写了本文用于告诉大家,桌面端的触摸架构是如何一步步演进的 所有触摸架构都建立在系统之上,和系统版本相关。所以可以通过系统划分。虽然说是触摸架构,但是我能知道的也就是应用层面的接口和编程方法,如果是小伙伴被标题吸引过来的,想看触…

    2026年9月26日 • 用户投稿
    100
  • uc浏览器怎么设置成单窗口模式_UC浏览器多窗口与单窗口切换设置

    uc浏览器怎么设置成单窗口模式_UC浏览器多窗口与单窗口切换设置uc浏览器怎么设置成单窗口模式_UC浏览器多窗口与单窗口切换设置uc浏览器怎么设置成单窗口模式_UC浏览器多窗口与单窗口切换设置uc浏览器怎么设置成单窗口模式_UC浏览器多窗口与单窗口切换设置

    首先在UC浏览器设置中将新页面打开方式改为“当前窗口打开”,然后关闭分屏与多任务窗口功能,最后手动合并现有标签页,实现单窗口浏览。 如果您在使用UC浏览器时希望减少窗口切换的麻烦,提升浏览效率,可以通过设置将浏览器调整为单窗口模式。该模式下所有网页将在同一窗口中打开,避免产生多个标签页或窗口干扰操作…

    2026年9月26日 • 用户投稿
    000
  • sublime怎么搭建go语言开发环境_sublime Go语言开发环境配置

    sublime怎么搭建go语言开发环境_sublime Go语言开发环境配置sublime怎么搭建go语言开发环境_sublime Go语言开发环境配置sublime怎么搭建go语言开发环境_sublime Go语言开发环境配置sublime怎么搭建go语言开发环境_sublime Go语言开发环境配置

    首先安装Go环境并配置GOPATH、GOROOT和PATH,验证go version和go env;接着安装Sublime Text及其包管理工具Package Control;然后通过Ctrl+Shift+P安装GoSublime、GoFmt和SideBarGo插件;再进入GoSublime Pr…

    2026年9月26日 • 用户投稿
    200
  • linux必学常用命令有哪些

    linux必学常用命令有哪些linux必学常用命令有哪些linux必学常用命令有哪些linux必学常用命令有哪些

    Linux 入门必学的常用命令包括:文件与目录管理:列出、创建、移动、复制和删除文件与目录。文件内容操作:查看、逐页查看、搜索和按行显示文件内容。系统信息:查看系统版本、运行时间、磁盘和内存使用情况。用户与权限:显示当前用户、添加用户和组、更改密码。网络:测试连接、显示网络接口信息、查询 DNS 记…

    2026年9月26日 • 用户投稿
    000
  • 实现搜索结果按字母排序:PHP结合Ajax的专业教程

    本文档旨在提供一种使用PHP和Ajax对通过POST方法获取的搜索结果进行A-Z排序的解决方案。我们将创建一个表单,保存POST数据,并利用PHP函数对医生列表进行排序,最终通过Ajax实现无需刷新页面的排序功能。 1. 修改 search.php 文件 首先,我们需要在 search.php 文件…

    2026年9月26日
    000
  • 网易云音乐网页版在线播放网址 网易云音乐网页版官网登录入口

    网易云音乐网页版官网登录入口为https://music.163.com/,支持在线播放、MV搜索、歌单管理、电台收听及内容收藏分享等功能,界面简洁,适配多设备,涵盖新碟、榜单、独立音乐人及场景化音频内容。 网易云音乐网页版在线播放网址在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来网易云…

    2026年9月26日
    000
  • 悟空浏览器怎么把网页保存为图片_悟空浏览器将整个网页另存为图片教程

    悟空浏览器怎么把网页保存为图片_悟空浏览器将整个网页另存为图片教程悟空浏览器怎么把网页保存为图片_悟空浏览器将整个网页另存为图片教程悟空浏览器怎么把网页保存为图片_悟空浏览器将整个网页另存为图片教程悟空浏览器怎么把网页保存为图片_悟空浏览器将整个网页另存为图片教程

    使用悟空浏览器可将网页保存为图片:1. 通过菜单选择“长截屏”自动拼接完整页面;2. 利用分享功能调用系统截图工具生成图片;3. 将网页另存为HTML后借助第三方工具转换为图像格式。 如果您在浏览网页时希望将整个页面保存为图片以便分享或存档,但不确定如何操作,可以通过悟空浏览器的内置功能实现。以下是…

    2026年9月26日 • 用户投稿
    100
  • 操作指南:如何将抖音订单导入拼多多店铺

    操作指南:如何将抖音订单导入拼多多店铺操作指南:如何将抖音订单导入拼多多店铺操作指南:如何将抖音订单导入拼多多店铺操作指南:如何将抖音订单导入拼多多店铺

    为何要将抖音订单同步至拼多多店铺 作为国内领先的社交电商平台,拼多多拥有庞大的用户流量,与抖音的广泛受众高度契合。将抖音平台的订单数据导入拼多多店铺,已成为电商运营者提升效率的重要手段。此举不仅有助于增强店铺在多平台的曝光度,还能实现订单的集中化管理,提升整体运营效率。 具体操作步骤:从抖音导入订单…

    2026年9月26日 • 用户投稿
    000
  • NVIDIA仍占67% 5年后AMD能抢4%的AI显卡市场

    NVIDIA仍占67% 5年后AMD能抢4%的AI显卡市场NVIDIA仍占67% 5年后AMD能抢4%的AI显卡市场NVIDIA仍占67% 5年后AMD能抢4%的AI显卡市场NVIDIA仍占67% 5年后AMD能抢4%的AI显卡市场

    英伟达总市值逼近4.5万亿美元#英伟达 这两年来ai领域最大的赢家并非微软、谷歌或openai,而是nvidia。凭借在ai gpu领域的绝对主导地位,nvidia不仅实现了业绩的爆发式增长,更在近期将公司市值推向了约4.5万亿美元的历史新高。 在AI显卡市场,NVIDIA几乎处于垄断地位。尽管不同…

    2026年9月26日 • 用户投稿
    1100
  • 游戏模式优化:Windows11后台进程管理实测

    游戏模式优化:Windows11后台进程管理实测游戏模式优化:Windows11后台进程管理实测游戏模式优化:Windows11后台进程管理实测游戏模式优化:Windows11后台进程管理实测

    通过windows 11的游戏模式可以优化游戏性能,具体方法包括:1. 启用游戏模式自动调整系统资源;2. 通过后台进程管理限制资源消耗;3. 手动关闭不必要的后台进程;4. 确保驱动程序更新并注意游戏模式对其他应用的影响。 游戏模式优化可以通过调整Windows 11的后台进程管理来实现,这可以显…

    2026年9月26日 • 用户投稿
    200
  • CountDownLatch, CyclicBarrier, Semaphore 的使用场景与区别

    CountDownLatch, CyclicBarrier, Semaphore 的使用场景与区别CountDownLatch, CyclicBarrier, Semaphore 的使用场景与区别CountDownLatch, CyclicBarrier, Semaphore 的使用场景与区别CountDownLatch, CyclicBarrier, Semaphore 的使用场景与区别

    CountDownLatch用于主线程等待其他线程完成操作,CyclicBarrier用于多线程相互等待至屏障点后集体执行,Semaphore用于控制并发访问资源的线程数量。 CountDownLatch, CyclicBarrier, Semaphore 都是并发编程中用于线程同步的工具,但它们的…

    2026年9月26日 • 用户投稿
    500
  • DDR5内存超频指南:芝奇幻锋戟6400MHz稳定性测试

    DDR5内存超频指南:芝奇幻锋戟6400MHz稳定性测试DDR5内存超频指南:芝奇幻锋戟6400MHz稳定性测试DDR5内存超频指南:芝奇幻锋戟6400MHz稳定性测试DDR5内存超频指南:芝奇幻锋戟6400MHz稳定性测试

    ddr5内存可以超频到6400mhz,但需要仔细调整和测试以确保稳定性。1.选择适合超频的ddr5内存条时,优先考虑芝奇幻锋戟系列,选择标有“oc”标签且规格接近目标频率的产品。2.在bios中将频率设为6400mhz,从宽松时序如cl36-36-36-76开始调整,并设定电压在1.25v到1.35…

    2026年9月26日 • 用户投稿
    000
  • 基于Quarkus的云原生Java开发:启动时间低于0.5秒的实践方案

    基于Quarkus的云原生Java开发:启动时间低于0.5秒的实践方案基于Quarkus的云原生Java开发:启动时间低于0.5秒的实践方案基于Quarkus的云原生Java开发:启动时间低于0.5秒的实践方案基于Quarkus的云原生Java开发:启动时间低于0.5秒的实践方案

    Quarkus通过GraalVM Native Image预编译实现启动时间低于0.5秒,需配置pom.xml插件、优化依赖、使用Quarkus CLI并监控调优。 Quarkus通过预编译和GraalVM Native Image等技术,让Java应用在云原生环境中拥有极低的启动时间和内存占用。本…

    2026年9月26日 • 用户投稿
    500

发表回复

登录后才能评论
关注微信