javascript - 在新选项卡中显示来自 Azure 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

正如上面@GeorgeChen 所指出的，我将 CONTENT-TYPE 更改为 application/pdf，然后我清除了浏览器的缓存并重新启动了我的应用程序，我的问题得到了解决。 😎