js 下载

最简单直接的页面下载

页面上任意位置添加
<a href="#" id="downFile"></a>

downFileClick(){
      let a = document.getElementById('downFile')
      a.href = url;
      a.download = '下载文件名';
      a.click();
}

问题：

　　1、无法知道下载的进度；

　　2、会出现URL长度限制问题和编码问题；

　　3、不能添加header，不能进行鉴权；

　　4、在文件是 txt 、png 、jpg 等这些浏览器支持打开的文件，不会下载，而是直接打开文件；

 

前端下载excel、word：

　　需要先将excel文件放在public下的static目录下，然后a标签路径如下：

　　<a href="/static/table.xlsx" download="下载表格"></a>

如果浏览器提示“下载失败，未发现文件”，可能出现的原因：

　　1、前端将文件放在了assets目录下

　　2、如果vue-cli2版本，直接将文件放在public下（vue3.0+可以）

　　注：下载文件名称最好是英文