服务器端 Blazor 页面发布到 Razor 页面 http 错误 400

Question

我正在尝试将我的用户名和密码从 Blazor 页面 (.razor) 发布到 Razor 页面 (.cshtml)，但我一直收到 http 错误 400。

LoginControl.razor

<form method="post" action="login">
        <input type="text"
               name="username"
               @bind="@Username"
               placeholder="User Name" />
        &nbsp;&nbsp;
        <input type="password"
               name="password"
               placeholder="Password"
               @bind="@Password" />&nbsp;&nbsp;&nbsp;
        <button class="ml-md-auto btn btn-primary">Loggin</button>
    </form>

Login.cshtml.cs

public async Task<IActionResult> OnPostAsync([FromServices] IUserProvider provider, string username, string password)
    {
Login stuff
}

Answer 1

Bad request (400) 表示服务器无法理解你

method="post" 不适用于 Blazor 或任何其他 SPA 框架。在 Blazor 中有防止回发的特殊代码。当然你可以强制回发，这意味着你的 Blazor 页面过期了，如果你试图返回它，它会被重新渲染，并且你之前的所有状态都会丢失。

您在这里尝试做的是在 Blazor 组件中获取用户的凭据，然后尝试将数据发布到 Razor 页面模型以进行验证。你不能那样做，也不应该那样做。您应该将您的用户重定向到一个登录页面，他在该页面中输入他的凭据，并且这些凭据应该针对某种存储（例如 SqlServer 数据库）进行验证，然后返回到 Blazor 应用程序。请记住，重定向到 Razor 页面意味着您的 Blazor 应用程序已过期。再一次，您没有将用户的凭据发布到 Login Razor 页面。用户应该在 Login.cshtml 上输入他的凭据

我建议您使用 Blazor 内置系统来启用身份验证和授权。该系统使用 Identity Ui (Razor Pages) 对用户进行身份验证。它完全符合您的要求。 See here...。另外，使用 Blazor 提供的 Forms 组件，如 EditForm、InutText 等。