Blazor应用中从index.html按钮跳转至dashboard.razor页面求助

首先确认你的Pages/dashboard.razor页面已配置路由，在页面顶部添加：

@page "/dashboard"

下面提供两种实现方式：

方式一：用锚标签模拟按钮（最简单） #

直接在index.html中使用带样式的锚标签，利用Blazor客户端路由跳转：

<a href="/dashboard" style="display: inline-block; padding: 8px 16px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; text-decoration: none;">
    跳转到Dashboard
</a>

这种方式无需额外脚本，直接适配Blazor的路由机制。

方式二：原生按钮+JavaScript导航 #

如果必须使用<button>标签，可通过JS调用Blazor内置的导航方法：
在index.html的body末尾（Blazor初始化脚本之后）添加以下代码：

<button onclick="goToDashboard()">跳转到Dashboard</button>

<script>
    function goToDashboard() {
        window.Blazor.navigateTo("/dashboard");
    }
</script>

注意：这段脚本要放在Blazor的<script src="_framework/blazor.webassembly.js"></script>（WebAssembly项目）或<script src="_framework/blazor.server.js"></script>（Server项目）之后，确保Blazor运行时已加载。

验证要点 #

• 确认dashboard.razor的@page指令路径正确，和跳转路径完全一致
• 如果应用部署在子路径下，需在跳转路径前添加对应基路径（比如/myapp/dashboard）

内容的提问来源于stack exchange，提问作者uncle_scrooge