前端下载excel文件等，项目纯前端实现文件下载

最简单的，有文件的地址，直接使用a标签实现下载（通用模板前端本地下载）：

  <a href="/user/test/xxxx.xls" download="文件名.xls">点击下载</a>

但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件，这个时候就需要给a标签添加一个属性“download”;

如果再vue项目中需要下载文件需要放在public文件夹下 需要下载的路径是相对于index.html文件路径 否则会提示下载文件未找到

注意：文件名称一定要用英文

出现打不开的问题，首先检查自己的路径，然后看看文件夹名称是否是英文的，这种方法绝对好用

一下文章还有更多的方法

https://blog.csdn.net/phhzhhh/article/details/106183647

https://blog.csdn.net/qq_35158525/article/details/103614391

https://www.cnblogs.com/xzybk/p/12696012.html

以上方法不兼容IE浏览器

可以用这种方法：

<el-button size="mini" class="importBtn" v-if="downFlag" @click="download">下载模板</el-button>
download(){
    window.location='/perpon.xlsx'  // 在项目中的文件地址
},