Blazor Server自动提交第三方登录表单并打开已登录页面

核心问题是后端HttpClient的请求和用户浏览器的会话完全独立。第三方站点靠浏览器Cookie维护登录状态，后端请求的Cookie存在HttpClient的容器里，和用户当前浏览器的Cookie池不共享，所以直接打开页面时浏览器没有登录凭证。

正确的做法是在前端自动触发表单提交，模拟用户点击按钮的行为：

方法：渲染隐藏表单并自动提交 #

修改Razor组件代码，去掉可见的提交按钮，在页面渲染完成后用JS自动提交表单：

<form id="autoLoginForm" action="https://app.website.net/site/access/login" method="POST" target="_NEW">
    <input type="hidden" name="UID" value="9144412" />
    <input type="hidden" name="action" value="DirectLogin" />
    <input type="hidden" name="col_email" value="@email" />
    <input type="hidden" name="col_password" value="@acctpassword" />
</form>

@code {
    [Inject] private IJSRuntime JSRuntime { get; set; }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            // 页面加载完成后自动提交表单
            await JSRuntime.InvokeVoidAsync("document.getElementById('autoLoginForm').submit()");
        }
    }
}

为什么这个方法有效 #

• 表单在用户浏览器中渲染，提交操作由浏览器执行，登录成功后的会话Cookie会直接保存在用户浏览器中。
• 新打开的页面（target="_NEW"）会自动使用这个Cookie，保持登录状态，效果和用户手动点击提交完全一致。

注意事项 #

• 确保@email和@acctpassword已正确赋值，若内容来自用户输入，需做XSS防护。
• 如果第三方站点有反自动提交机制（比如人机验证），可能需要额外处理。

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