需要指定 href 属性和 download 属性。href 属性是内容的超链接，download 表明链接的资源将被下载，而不是显示在浏览器中。该值表示下载文件的建议名称。

有趣的是，在 MDN 文档中对 download 补充了一条说明：

这里继续补充一点 Content-Type 与 Content-Disposition 的关系：

• Content-Type 应该用于指定文件本身的类型。特别的：application/octet-stream 不应该用于表达下载行为，应该表达的是：我不清楚这个文件的类型是什么，用户可以用于下载。
• Content-Disposition 应该用于指定文件的下载行为。

用代码表示如下：

async function postDownload(url) {
  // 获取 POST 接口数据，Response
  const res = await fetch(url);
  // 从 Response 中获取 filename
  const filename = res.headers.get("content-disposition").split("filename=")[1];
  // 从 Response 中获取 file content，并转为 Blob
  // 也可以写成 const blob = new Blob([await res.text()]);
  const blob = await res.blob();
  // 将 Blob 转为 ObjectURL
  const blobURL = URL.createObjectURL(blob);
  // 动态创建一个 <a> 标签，触发 click 事件后删除
  const a = document.createElement("a");
  a.href = blobURL;
  a.download = filename;
  document.body.appendChild(a);
  a.click();
  a.remove();
  // 内存管理，释放 
  URL.revokeObjectURL(blobURL);
}