vue使用a标签下载文件

需求描述

给用户提供一个模板作为参考，然后修改之后上传

代码

vue-cli版本是3.10.0

<a href="./importTemplate.xls" download="importTemplate.xls">模板下载</a>

注意点

vue-cli的版本，对public路径下的静态资源有影响，具体参考这个帖子的说明：Vue 通过a标签下载文件
至于为啥有同样自己开了基本一样的帖子，因为参考这个帖子的代码没有实现功能[手动滑稽]

文件路径

页面及下载测试

这是在本地环境测试没问题，打包之后的生产环境也正常。

关于路径的个人理解：

至于为何路径要这么写，如果有仔细观察过vue项目dom结构，应该会发现，
vue项目最根本的还是那个index.html文件，
其他的.vue文件都是进行替换index.html这个页面一个预设好的div，
类似于早期的jq动态替换div中的内容，
所以在设置路径的时候可以给一个以index.html为根路径的相对路径。