在Blazor中实现新标签页打开PDF的方案咨询

原生a标签可以直接使用，失效的常见排查方向 #

你贴的<a href="Path" target="_blank">Read more</a>代码本身在Blazor中是支持的，无法生效通常是以下原因导致：

• 路径配置错误：所有可直接访问的静态资源（含PDF）必须存放在Blazor项目的wwwroot目录下，href填写的路径是相对于wwwroot的相对路径，不需要携带wwwroot前缀。例如PDF存放在wwwroot/files/测试文档.pdf，href就写/files/测试文档.pdf即可
• 被Blazor路由拦截：如果路径没有匹配到静态资源规则，Blazor的路由系统会默认将其识别为页面路由处理，不会触发新标签页跳转。你可以给a标签补充rel="noopener noreferrer"属性，同时确保路径后缀为.pdf能被ASP.NET Core静态文件中间件正常识别

修正后的原生a标签代码示例：

<a href="/files/测试文档.pdf" target="_blank" rel="noopener noreferrer">查看PDF</a>

其他适配Blazor的实现方案 #

如果需要处理动态生成PDF、接口鉴权后返回PDF等特殊场景，可以使用以下方案：

方案1：JS互操作触发新标签打开 #

如果需要在C#逻辑执行完成后再打开PDF，可通过IJSRuntime调用浏览器原生open方法：

@inject IJSRuntime JSRuntime

<button @onclick="OpenPdfAsync">查看PDF</button>

@code {
    private async Task OpenPdfAsync()
    {
        // 此处可先执行自定义逻辑，比如接口请求、参数拼接
        string pdfUrl = "/files/测试文档.pdf";
        await JSRuntime.InvokeVoidAsync("open", pdfUrl, "_blank");
    }
}

方案2：动态生成PDF的场景 #

如果PDF是后端接口动态生成的，不需要提前存放在wwwroot，可先在后端写返回文件流的接口，直接把接口地址填到a标签的href属性即可：
后端接口示例（ASP.NET Core）：

[HttpGet("api/get-pdf/{fileId}")]
public IActionResult GeneratePdf(int fileId)
{
    // 此处写你的PDF生成逻辑，拿到字节流
    byte[] pdfContent = GetPdfContentById(fileId);
    return File(pdfContent, "application/pdf");
}

前端调用代码：

<a href="/api/get-pdf/123" target="_blank" rel="noopener noreferrer">查看动态生成的PDF</a>

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