MVC应用加载PowerBI部分视图时跳转Azure登录致崩溃求助

看起来你的问题核心在于PowerBI嵌入的认证流程和部分视图加载方式冲突——当通过AJAX加载PowerBI部分视图时，它触发了交互式登录重定向，直接打断了当前页面的正常流程。下面是针对性的解决方案：

1. 切换到PowerBI嵌入令牌（Embed Token）模式 #

这是解决问题的关键：不要让前端直接触发Azure登录，而是在服务器端生成嵌入令牌，把令牌和报表配置传递给前端，实现无跳转的嵌入。

服务器端代码示例： #

public ActionResult PowerBIReportPartial()
{
    // 替换为你的实际PowerBI配置逻辑
    var workspaceId = "你的工作区ID";
    var reportId = "你的报表ID";
    
    // 服务器端调用PowerBI API生成嵌入令牌（可使用服务主体或用户令牌认证）
    var embedToken = GeneratePowerBIEmbedToken(workspaceId, reportId);
    
    var embedConfig = new {
        Type = "report",
        Id = reportId,
        EmbedUrl = $"https://app.powerbi.com/reportEmbed?reportId={reportId}&groupId={workspaceId}",
        AccessToken = embedToken,
        TokenType = 0 // 0代表Embed Token类型
    };
    
    return PartialView("_PowerBIReport", embedConfig);
}

前端部分视图（_PowerBIReport.cshtml）： #

<div id="powerbi-report-container" style="width: 100%; height: 600px;"></div>

<script src="https://microsoft.github.io/PowerBI-JavaScript/dist/powerbi.min.js"></script>
<script>
    // 从Model获取嵌入配置
    var embedConfig = @Html.Raw(Json.Encode(Model));
    
    // 嵌入报表到容器
    var reportContainer = document.getElementById('powerbi-report-container');
    var powerbiReport = powerbi.embed(reportContainer, embedConfig);
    
    // 可选：监听加载状态处理异常
    powerbiReport.on("loaded", function() {
        console.log("PowerBI报表加载完成");
    });
    
    powerbiReport.on("error", function(event) {
        console.error("PowerBI加载错误:", event.detail);
    });
</script>

2. 确保PowerBI部分视图通过AJAX异步加载 #

和你的API表格部分视图保持一致，用AJAX加载PowerBI的部分视图，避免同步跳转或表单提交触发页面刷新：

// 查看报表按钮的点击事件
$("#view-report-btn").click(function() {
    // 加载API表格部分视图
    $.get("/Home/ApiTablePartial", function(data) {
        $("#api-table-container").html(data);
    });
    
    // 加载PowerBI部分视图
    $.get("/Home/PowerBIReportPartial", function(data) {
        $("#powerbi-container-wrapper").html(data);
    });
});

3. 检查认证配置，避免不必要的重定向 #

• 如果你的MVC应用使用Azure AD认证，确保PowerBIReportPartial Action的认证是服务器端完成的，不要让它返回302重定向（AJAX请求收到302会自动跳转到登录页）。
• 若使用服务主体认证PowerBI，确保服务器端拥有访问目标报表的足够权限，无需用户交互式登录。
• 避免在PowerBI相关Action上添加会触发交互式登录的[Authorize]属性，除非你已经通过服务器端流程完成了用户认证。

4. 排查常见坑点 #

• 确认PowerBI的EmbedUrl是专用的嵌入URL，而非需要用户登录的普通报表链接。
• 嵌入令牌的权限要足够（至少允许查看报表），且未过期。
• 前端要引入正确版本的PowerBI JavaScript SDK，避免因版本兼容问题导致加载失败。

调整后，PowerBI报表会通过嵌入令牌在当前页面加载，不会触发Azure登录跳转，和你的API表格部分视图可以正常共存。

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