我正在为我的网站使用MatBlazor，并且我已经使用这个很棒的博客实现了 Google 身份验证： Google Authentication in Server-Side Blazor
我想要一个登录按钮 ( MatButton) 在我的MatAppBar.
原代码有链接：<a class="ml-md-auto btn btn-primary" href="/Login" target="_top">Login</a>.
此链接有效。我被重定向到我OnGetAsync的我的LoginModel. 但它不符合我的 UI 风格。
这个按钮确实会转到正确的页面，但我OnGetAsync的我LoginModel的没有被触发，只显示默认值Sorry, there's nothing at this address.。
<MatButton Class="mat" Outlined="true" Icon="Google" Label="Inloggen" Link="/Login"></MatButton>
我想我需要调整我的路由，但找不到方法。
更新：
我的 Login.cshtml.cs：
[AllowAnonymous]
public class LoginModel : PageModel
{
public IActionResult OnGetAsync(string returnUrl = null)
{
string provider = "Google";
// Request a redirect to the external login provider.
var authenticationProperties = new AuthenticationProperties
{
RedirectUri = Url.Page("./Login",
pageHandler: "Callback",
values: new { returnUrl }),
};
return new ChallengeResult(provider, authenticationProperties);
}
}
我的 Startup.cs：
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Error");
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();
app.UseCookiePolicy();
app.UseAuthentication();
app.UseAuthorization();
app.UseEmbeddedBlazorContent(typeof(MatBlazor.BaseMatComponent).Assembly);
app.UseEndpoints(endpoints =>
{
endpoints.MapBlazorHub();
endpoints.MapFallbackToPage("/_Host");
});
}