Blazor：使用参数创建根路径

Question

这里有新的 blazor 开发 ✌️

我正在尝试在我的域的根目录上构建一个简单的个人资料页面。类似于 instagram.com/nike 但 mydomain.com/nike

运行

dotnet new blazor

并进行少量修改后，我有一个默认的 blazor 项目。我删除了默认计数器和主页，并删除了导航栏项目。只有很少的文件。

Index.razor

@page "/{Username}"

<h1>@Username</h1>

@code {
    [Parameter]
    public string? Username { get; set; }
}

Index.razor.css

h1 {
    color: red;
}

我的问题是，当我进行此设置时，整个项目中的 css 就会崩溃......

如果我将路径更改为类似的

@page "user/{Username}"

一切都很完美。所以我猜这是项目无法正确构建的原因。有什么想法吗？

项目设置：

控制台错误：

Answer 1

不确定您是否正在寻找可选参数，但您可以通过这种方式将字符串参数传递给 Blazor 组件：

@page "user"
@page "user/{Username:alpha}"

这将允许用户组件渲染或带有字符串参数“Username”的用户组件

@code{
    [Parameter]
    public string Username { get; set; }
}