PDF 未在 Web 浏览器的新选项卡上完全呈现

Question

PDF 没有在整页上呈现，而是在框架链接窗口中呈现，如下面的屏幕截图所示。当我刷新它时，它会打开整个页面。我没有使用 iframe 或类似的东西。请建议。下面是我的代码。

<a href="#"  onClick={() => fetchAPdfFile("dummy.pdf")} rel="noopener noreferrer"> Test.pdf</a>

fetchAPdfFile.jsx

  const fetchAPdfFile = (myPdf) => {

  var anchor = document.createElement('a');

  var response = pullMyPDf(myPdf) //byteArray stream from api

  var bytes = base64ToArrayBuffer(response.data)

  const blob = new Blob([bytes], 'application/pdf')

  anchor.href = window.URL.createObjectURL(blob);

  window.open(anchor.href, '_blank')

  

}

Answer 1

我的问题中发布的 javascript 代码或 HTML 没有任何问题。PDF 显示在框架中而不是完整视图中是因为我的内容安全策略之一被设置为不允许某些特定于我的应用程序的样式元素。我只是允许他们，页面以完整视图显示 PDF