在新标签页中显示来自天蓝色blob存储容器的PDF文件

Question

以前肯定已经问过类似的问题，我尝试了那里提供的解决方案，但仍然无法解决。

我正在获取存储在Azure blob存储容器中的PDF文件。由于azure为我提供了访问文件的直接链接，因此我复制了该链接并将其粘贴到浏览器窗口中，然后下载了文件。

根据我的要求，我需要在浏览器的新标签页中显示该文件，因此我尝试使用以下方法之一中的以下代码：

const config = {
 responseType: "blob"
};
try {
  const res = await axios.get(apiUrl, config);

  const file = new Blob([res.data], { type: "application/pdf" });

  const fileURL = URL.createObjectURL(file);

  window.open(fileURL, "_blank");
  } catch (e) {
   console.log(e);
  }

通过在调用此方法时执行此操作，新选项卡将立即打开和关闭。如何保持新标签页处于打开状态，直到用户自行关闭？

Answer 1