Vue2利用创建a标签实现下载本地静态文件到本地电脑上的功能

最近PC项目遇到一个需求，那就是需要前端下载前端代码包里的前端文件到本地，并且可以给下载下来的文件名指定任意的文件名，如下图所示，在前端代码里public里的statics里有个静态文件zswj.pem，页面上有个下载按钮，用户点击下载按钮后，触发downData方法，将其下载下来：

在config.js里，配置了一个zswjName变量，在我们部署时修改其名称就能达到页面上下载下来的文件的文件名为我们想要的文件名了。

这里需要注意的地方是，a标签的href地址需要写相对地址，a标签的download需要写成变量+后缀的形式，因为我们的文件是pem格式，这里后缀固定为.pem，如下所示：

 a.href = "./statics/zswj.pem"; 
 a.download = window.g.zswjName + ".pem";
1
2