Visual Studio 2022使用Dev Tunnel调试独立Blazor与API项目遇异常

一、直接禁用Blazor的Dev Tunnel（推荐方案） #

既然你的Blazor应用不需要被外部访问，直接给它关掉Dev Tunnel就能解决卡在about:blank的问题：

• 右键Blazor项目 → 打开「属性」
• 切换到「调试」选项卡
• 在「Web服务器设置」里找到「Dev Tunnel」下拉框，选「None」
• 保存设置后重启Blazor，它会用本地端口正常启动，不再走Dev Tunnel

二、给Blazor配置独立的Dev Tunnel（如果后续需要用隧道） #

要是之后你需要Blazor也通过隧道访问，按以下步骤来：

1. 新建专属Blazor的Dev Tunnel
   • 在Visual Studio的「Dev Tunnel」窗口点「新建隧道」
   • 选「Temporary」类型，权限选「Private」就行（毕竟不需要外部访问）
   • 把这个隧道关联到Blazor的本地端口（比如你的Blazor本地跑在5000端口，就绑定这个）
2. 设置Blazor的启动地址
   • 右键Blazor项目 → 「属性」→「调试」
   • 在「启动浏览器」输入框里，填Dev Tunnel给Blazor分配的专属地址（比如https://abcd-5000.euw.devtunnels.ms）
   • 同时要确保Blazor里配置的API请求地址是API的Dev Tunnel地址，别写错
3. 确认端口关联正确
   • 回到Dev Tunnel窗口，检查Blazor和API各自绑定了对应的本地端口，别搞混

你之前单独启动Blazor还出问题，就是因为默认给Blazor绑定了错误的隧道端口，禁用Blazor的隧道应该就能彻底解决这个问题。

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