Question

我想整理我的页面。我将文件夹添加到Blazor客户端应用程序的pages文件夹中。并像下面这样放置一个页面。当我单击Navlink时，我只会看到“抱歉，此地址没有任何内容。”

页面

-TimeLogs
- Log.razor

在NavMenu.razor中，我有

    <li class="nav-item px-3">
        <NavLink class="nav-link" href="TimeLog/log">
            <span class="oi oi-list-rich" aria-hidden="true"></span> Time Log
        </NavLink>
    </li>

Log.razor是

@page "/log"
@using Nessie.Shared
@inject HttpClient Http

<h1>put info here</h1>

可以在此处插入数据

@code {

}

Answer 1

您尝试过吗？这对我有用。更改href以记录日志。

<li class="nav-item px-3">
    <NavLink class="nav-link" href="log">
        <span class="oi oi-list-rich" aria-hidden="true"></span> Time Log
    </NavLink>
</li>

Answer 2

您必须匹配

NavMenu.razor：href="TimeLog/log"
使用Log.razor：@page "/log"

所以合理的选择是使用

启动Log.razor文件

@page "/TimeLog/log"

然后要与文件夹名称匹配，请在两个位置将TimeLog更改为TimeLogs。但这只是表面上的，文件夹在路由中不起作用。

如何在Blazor客户端项目的pages文件夹中添加子文件夹

2 个答案: