使用url doestwork JavaScript下载文件

使用url doestwork JavaScript下载文件,javascript,html,vue.js,Javascript,Html,Vue.js,我需要按一个按钮开始下载,我尝试使用下面的代码,但它没有开始下载,只需在浏览器中打开一个新选项卡并显示内容。我做错了 dataurl完全类似于:http://localhost:8000/storage/shipment/b61ffc10-6798-4b94-ba91-daec6efbbdfdShipment2020-10-05.txt download: function(name, dataurl) { const link = document.createElement(

我需要按一个按钮开始下载,我尝试使用下面的代码,但它没有开始下载,只需在浏览器中打开一个新选项卡并显示内容。我做错了

dataurl完全类似于:http://localhost:8000/storage/shipment/b61ffc10-6798-4b94-ba91-daec6efbbdfdShipment2020-10-05.txt

  download: function(name, dataurl) {
      const link = document.createElement("a");
      link.setAttribute("download", name+'.txt');
      link.setAttribute("target", "_blank")
      link.href = dataurl;
      document.body.appendChild(link);
      link.click();
    }
我还尝试将url转换为Blob

      const url = window.URL.createObjectURL(new Blob([data]));
      const link = document.createElement("a");
      link.href = url;
      link.setAttribute("download", filename);
      document.body.appendChild(link);
      link.click();
    },
这样,它触发了下载,但内容是url,而不是文件本身


有什么想法吗?谢谢

如果你想从你的服务器下载一个内容,试试这个,它太简单了

<a href="http://localhost:8000/storage/shipment/b61ffc10-6798-4b94-ba91-daec6efbbdfdShipment2020-10-05.txt" download="filename-here"> Click here to Download </a>


标签中添加了
Download
Atribute,当单击此链接时,文件将作为
filename here.txt下载。如果您看到问题OP已经通过编程设置了下载属性,我已经尝试过了,但下载atributte不起作用。我必须建立一个新的网址,使其工作,我不知道为什么会发生这种情况