vue项目中a标签下载excel文件

最近刚接触后台系统项目，用的是vue，碰壁不少。后台管理系统最多的就是表格或表单，今天的项目其中有个需求是导入excel，和下载excel模板文件。
 

先说说，下载excel文件遇到的问题吧。

文件路径是这样的：

<a 
    class="download" 
    href="../../../../assets/template/dome.xls" 
    download="excel模板"
>
    下载导入模板excel
</a>

以为这写相对路径就能行了，结果是并不是这样，下载出现这样的字眼，未发现文件。反复验证路径是否写错了，然而并没有。

原因是：这个项目用的是vue-cli3，应该把模板放在public文件中，像这样。
 

 

<a class="download" href="./template/dome.xls" download="excel模板">下载导入模板excel</a>

这样就能成功下载了，不放在 src > assets文件下，是因为assets中的文件会经过 webpack 打包，重新编译。

如果用的是vue-cli2的话，把需要下载的文件放在static里就好了，因为static在cli3中被移除了。