<a>标签下载文件但是却导致当前页面变成了空白页？！

Question

我用<a>标签导出Excel文档，前端只负责传递参数从后端下载，如下。
虽然下载成功了，但是 有时候 下载会导致当前页面会变成空白页面，有时候没啥问题（尤其是第一次不正常后返回原来的页面再下载基本上就不会再出问题）

查了好久没搞定，大神们知道为啥吗？

<a href="//120.92.42.115:81/api//statistics/newly_install?&amp;appId=78&amp;channel=&amp;version=&amp;isExport=true&amp;startDate=2018-10-17&amp;endDate=2018-10-23&amp;type=day" class="download">
    <i class="el-icon-upload2"></i> 导出
</a>

Answer 1

尤其是第一次不正常后返回原来的页面再下载基本上就不会再出问题

因为你直接跳转了所以空白，至于第二次正常是因为浏览器已经知道访问这个地址是下载。
添加download属性

<a href=... download>

Answer 2

出错的时候在network下回看到多个下载链接请求：

第一个response不正常

后面的正常

Answer 3

需要添加download属性

如果不加，就当成普通的链接直接在当前页面跳转了

<a download href="//120.92.42.115:81/api//statistics/newly_install?&amp;appId=78&amp;channel=&amp;version=&amp;isExport=true&amp;startDate=2018-10-17&amp;endDate=2018-10-23&amp;type=day" class="download">
    <i class="el-icon-upload2"></i> 导出
</a>