

Blazor项目在VisualStudio调试时配置运行基础目录 - 张晓栋
source link: https://www.cnblogs.com/berkerdong/p/17204826.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Blazor项目在VisualStudio调试时配置运行基础目录
最近在使用 Blazor 开发管理后台时遇到了如下的问题,我这里后台整体采用了 AntDesignBlazor 组件库,在上线之后发现ReuseTabs组件在使用过程中,如果默认 / 没有指定为项目的base href,打开标签页后,相互切换会导致url错误。
本地开发的时候项目是直接启动运行的,所以访问目录为 https://localhost:port/
,Blazor 的 base 值也是默认的 / 。
但是当项目实际上线发布的时候,我将 Blazor的项目部署到了一个域名的子目录下。如 https://domain.com/consoul/
,也就是部署在了网站的 consoul 目录中,在实际运行时就发现了上面的问题。

项目上线时因为是挂在一个域名的子路径下,所以调整了 base href 为 /consoul/ 然后在运行时 tab page 都可以打开,但是切换时 url 会丢失 base href 的值,导致 404


这是当时提交的 issues
https://github.com/ant-design-blazor/ant-design-blazor/issues/2860
在解决这个问题的过程中,因为这个问题在本地开发是不会暴露产生的,因为我们本地项目默认运行的时候并没有配置二级目录,启动的时候直接是 https://localhost:port/
这样的形式,标签页直接调转的时候因为没有二级目录的存在,项目直接运行与根目录下则也不存在问题,不好调试,为了模拟出类似线上二级目录的环境,在经过一番折腾之后找到了如下的方法。
选中我们的 Blazor 项目右击属性,然后在左侧找到 调试-常规 ,点击打开调试启动配置文件UI

然后在命令行参数中输入,--pathbase=/consoul

然后找到 Blazor 项目的 index.html 文件同时调整 <base href="/consoul/" />

保存更改之后直接 Ctrl + F5 启动项目,即可看到类似如下的界面

因为我们调整了网页项目的运行基础目录所以此时 https://localhost:port/ 的根目录下已经没有页面了,提示我们需要访问 /consoul

可以看到我们本地的项目已经和线上一样可以运行在 /consoul/ 子目录中了。
然后就可以模拟线上的运行情况进行调试了,该 bug 目前已修复,
https://github.com/ant-design-blazor/ant-design-blazor/pull/3142
https://github.com/ant-design-blazor/ant-design-blazor/pull/3153
至此关于 Blazor项目在VisualStudio调试时配置运行基础目录 就讲解完了,有任何不明白的,可以在文章下面评论或者私信我,欢迎大家积极的讨论交流,有兴趣的朋友可以关注我目前在维护的一个 .NET 基础框架项目,项目地址如下
https://github.com/berkerdong/NetEngine.git
https://gitee.com/berkerdong/NetEngine.git
Recommend
-
43
码云的 Visual Studio 扩展
-
63
“hey @msdevUK, here is a suggestion for @VisualStudio why don't you reinstate Clippy and he would say nice things when you're struggling with your code”
-
22
0x00 前言 shellcode是一段机器码,常用作漏洞利用中的载荷(也就是payload) 在渗透测试中,最简单高效的方式是通过metasploit生成shellcode,然而在某些环境下,需要定制开发自己的shellcode,所以需要对shellcode的开发作进一步研究
-
13
继续推荐几款VisualStudio的插件 继前几天推荐了一款转...
-
12
VisualStudio 2019 调试项目使用 Portable PDB 提示不支持 PDB 格式在新的 .NET 上,将会默认使用 Portable PDB 符号格式,而如果 VisualStudio 配置了使用托管兼容模式,那么将在加载符号的时候,将会提示不支持 PDB 格式 在发现自己的代码...
-
5
VisualStudio 调试时会不断刷新 WPF 应用渲染在 VisualStudio 附加调试和没有用 VisualStudio 附加调试时,对应用程序是有不同的影响,如 VisualStudio 设计器将会在附加调试 WPF 应用的时候,不断刷新 WPF 应用的渲染。也就是说,如果你觉得界面视觉效果...
-
2
dotnet 通过 DockerfileContext 解决项目放在里层文件夹导致 VisualStudio 构建失败 本文告诉大家,如何解决 csproj 项目文件放入到里层的文件夹,不放在 sln 所在文件夹的第一层子文件夹,导致 VisualStudio 2022 在构建 docker 映像提示找不到文...
-
3
.NET 实现启动时重定向程序运行路径及 Windows 服务运行模式部署 ...
-
3
IIS 配置集中式证书模块实现网站自动绑定证书文件 ...
-
9
基于 Ubuntu 服务器配置原生的 Socks5 网关代理服务器 ...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK