Blazor Server项目跳转POST接口控制器提示地址不存在问题问询

首先可以明确的是，Blazor完全支持POST请求，你遇到的报错是调用接口的方式和接口允许的请求方法不匹配导致的，不存在配置遗漏。

• 你调用NavigationManager.NavigateTo($"Game/Games", true)的本质是触发浏览器GET方式跳转访问目标地址，和手动在地址栏输入地址访问、点击a标签跳转的效果完全一致，默认只会发起GET请求，只能匹配标记了[HttpGet]的控制器接口。
• 将接口改为[HttpPost]后，请求方法和接口要求不匹配，路由系统无法找到对应端点，就会返回404错误，这是HTTP协议的基础规则，和Blazor本身没有关系。

方案1：注入HttpClient发起POST请求 #

如果你不需要跳转页面，只是需要调用POST接口获取数据、触发业务逻辑，直接在Blazor组件中注入HttpClient调用即可：

@inject HttpClient Http
<button @onclick="DownloadFile">Download</button>
@code{
    private async Task DownloadFile()
    {
        // 发起POST请求，第二个参数可传递请求体内容
        var response = await Http.PostAsync("Game/Games", null);
        if (response.IsSuccessStatusCode)
        {
            var result = await response.Content.ReadAsStringAsync();
            // 处理返回结果的后续逻辑
        }
    }
 } 

使用前需要在服务注册文件（Startup.cs/Program.cs）中添加HttpClient的注册：

// .NET 6+ Program.cs 示例
builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

方案2：构造隐藏表单提交实现POST跳转 #

如果你确实需要通过POST请求跳转页面、或者用POST方式下载文件，可以通过JS构造隐藏表单提交实现：

1. 组件代码：

@inject IJSRuntime JSRuntime
<button @onclick="DownloadFile">Download</button>
@code{
    private async Task DownloadFile()
    {
        await JSRuntime.InvokeVoidAsync("submitPostForm", "Game/Games");
    }
 } 

2. 在前端入口文件（_Host.cshtml/wwwroot/index.html）中添加对应JS方法：

function submitPostForm(targetUrl) {
    const form = document.createElement('form');
    form.method = 'post';
    form.action = targetUrl;
    // 如需传递参数，可添加隐藏input节点
    // const param = document.createElement('input');
    // param.type = 'hidden';
    // param.name = '参数名';
    // param.value = '参数值';
    // form.appendChild(param);
    document.body.appendChild(form);
    form.submit();
}

方案3：文件下载场景保留GET接口 #

如果你的场景是文件下载，本身就符合GET请求的语义（无副作用、获取资源），只要没有敏感参数需要传递，保留[HttpGet]标记是更合理的选择，可以直接用NavigationManager.NavigateTo触发下载，不需要额外改造。

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