You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Blazor项目新增子目录页面后NavMenu链接点击出现404错误求助

Blazor 子目录页面跳转404问题解决办法

以下是几个常见的排查和修复步骤:

  • 核对页面路由指令
    确保你在Condominioo子目录下的新页面里,@page指令的路由路径和导航链接一致。比如你的页面文件是Condominioo/CondoDashboard.razor,那路由应该写成:

    @page "/condominioo/condo-dashboard"
    

    注意路径的大小写尽量统一,避免因大小写不匹配导致的404。

  • 修正NavMenu中的链接路径
    在NavMenu.razor里的NavLink组件,href属性要和页面的@page路由完全对应,推荐使用绝对路径避免上下文问题:

    <NavLink class="nav-link" href="/condominioo/condo-dashboard">
        <span class="oi oi-building" aria-hidden="true"></span> 公寓面板
    </NavLink>
    
  • 确认页面的项目配置
    检查新页面的生成操作是否正确:右键页面文件→属性,确保"生成操作"设置为Content,这样项目编译时才会包含这个页面。
    如果是Blazor WASM项目,默认会自动扫描所有组件;如果是引用的Razor类库,要确保已经在主项目中添加了该类库的引用。

  • 排查路由冲突
    检查项目中是否有其他页面使用了相同的路由,或者存在通配符路由(比如@page "/{*catchall}"),这类路由会优先匹配请求,导致你的新页面无法被命中。

  • 清理缓存并重启服务
    Blazor WASM容易出现缓存问题,清理浏览器缓存后重新启动项目,确保新页面的最新编译文件被加载。

内容的提问来源于stack exchange,提问作者Julio Sardenberg

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.30 23:16:00