javascript - 如何将JavaScript函数下载的文件数据分配给保存的文件

Question

在 VueJS 1 站点中，我为这样的文件创建下载链接:

<a download={{d.fileName}} 
  href="#null" 
  v-on:click="getFile(d.guid);" 
  target="_blank">
  {{d.fileName}}</a>

下载功能如下，点击链接可以从网络上看到从服务器接收到文件数据。文件对象包含文件数据，但我不知道如何将文件对象的内容分配给浏览器中下载的内容。当您单击该链接时，将下载一个名称正确的文件，但它包含来 self 站点的 HTML 而不是文件数据。

download: function() {
  var that = this;
  AXIOS('GET', '/file/'  + guid).then(function (response) {
    that.file = response.data;
  });
  return that.file;
}

如何获取要下载的文件数据？

Answer 1

文件 URL 应该在链接的 href 属性中。

现在 href 指向它已经在的页面 (http://yoursite.com/yourpage#null) 所以它将从当前页面而不是文件下载 HTML。

链接的结果 HTML 应如下所示:

<a href="http://yoursite.com/file/yourfile.ext" 
   download="yourfile.ext" 
   target="_blank">yourfile.ext</a>