首页 > 其他分享 >Blazor项目在VisualStudio调试时配置运行基础目录

Blazor项目在VisualStudio调试时配置运行基础目录

时间:2023-03-10 22:36:52浏览次数:44  
标签:consoul 项目 design https Blazor com 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

标签:consoul,项目,design,https,Blazor,com,VisualStudio,调试
From: https://www.cnblogs.com/berkerdong/p/17204826.html

相关文章

  • 数据库内核:VScode远程调试
    准备虚拟机这里我使用Docker的Ubuntu的镜像去创建容器。下载Ubuntu镜像dockerpullubuntu:20.04创建子网创建容器时需要设置固定IP,所以先要在docker中......
  • Appium - 调试 webview
    webviewAndroid(6.0以上)需要打开webview调试开关if(Biuld.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT){WebView.setWebContentsDebuggingEnabled(true);}......
  • 2023.03.10 - chrome调试工具的force state强制状态无效
    这是因为,选择的元素是没有对应state状态的,所以强制了也没有。比如:在一个span标签里使用了:hover,而span没有绑定hover状态,我们能点的动元素中的元素,是因为冒泡上去的父......
  • Use MVC, Razor Pages, Blazor, API Controllers, And Minimal APIs In A Single ASP.
    博客原文地址:http://www.binaryintellect.net/articles/55355722-96b6-4bbc-a110-999e5e61235e.aspxAfewyearsagoI wroteanarticle explaininghowASP.NETCore......
  • [调试工具]如何使用tcpdump抓包
    如何使用tcpdump抓包打开一个终端,输入以下命令来安装tcpdump(如果您已经安装了tcpdump,请跳过这一步):sudoaptinstalltcpdump输入以下命令来查看您的网络接口的名称:ipl......
  • 如何在 Linux 中启用 Shell 脚本的调试模式
    脚本是存储在一个文件的一系列命令。在终端上输入一个个命令,按顺序执行的方法太弱了,使用脚本,系统中的用户可以在一个文件中存储所有命令,反复调用该文件多次重新执行命令。......
  • Node 非服务脚本调试
    缘起最近在弄docsify作为自己的记事本,好处就是用git+markdown方式比较好管理。碰到了个比较麻烦的事,就是要手动去加目录到_sidebar.md中,网上的确有一些开源的脚本做这个事......
  • VisualStudio(2022)- 打包项目文件为.exe安装包
    目录​​前言​​:​​一、安装扩展​​​​二、制作安装包(setup文件)​​​​2.1、添加setup项目​​​​2.2、配置setup项目​​​​2.3、添加项目文件到setup项目中​​​......
  • VSCode调试js代码的几种方式
    背景  在leetcode刷题时需要调试js代码  代码写在.js文件中 方式一node.js  安装node.js  配置launch.json      左侧【运行和调试】,【F5】启动调......
  • DVE调试
    1. DVE图形界面调试学习使用基本功能调试RTL基本功能介绍:Waveformdebugging;Sourcecodedebuggingr;ListingfeaturesAssertions;''C/C++"debugger波形调试;源......