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
相关产品推荐
相关产品推荐

