html - 在新标签页中打开 PDF - Blazor

Question

我想在新标签页中打开 PDF。以下代码适用于普通 HTML 文件，但不适用于 Blazor。有什么方法可以在 Blazor 中使用它，或者有其他方法可以在 Blazor 中打开 PDF 吗？

<a href="Path" target="_blank">Read more</a>

Answer 1

在“普通”HTML 中有效的方法在 Blazor 中不起作用，因为服务 worker 将未知路由路由到 index.html。参见 onFetch() service-worker.published.js 方法:

const shouldServeIndexHtml = event.request.mode === 'navigate';
const request = shouldServeIndexHtml ? 'index.html' : event.request;

当您点击您的链接时 <a href="Path" target="_blank">Read more</a> , shouldServeIndexHtml是true .

为避免这种情况，只需将上面的代码更改为

const shouldServeIndexHtml = event.request.mode === 'navigate'
     && !event.request.url.includes('/pdf/');
const request = shouldServeIndexHtml ? 'index.html' : event.request;

这假设您的 pdf 位于 wwwroot 下的子文件夹“pdf”中。请查找更多信息here .由于 url 包含“/pdf/”，shouldServeIndexHtml变成 false并显示您的 pdf。